Bug 18240 - Safari's scrollbar disappears and frame's scrollbar stops functioning on resize because of position:absolute
Summary: Safari's scrollbar disappears and frame's scrollbar stops functioning on resi...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://bet.hkjc.com/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-03-31 10:46 PDT by jasneet
Modified: 2011-10-20 02:37 PDT (History)
3 users (show)

See Also:


Attachments
screenshot (193.10 KB, image/jpeg)
2008-03-31 10:51 PDT, jasneet
no flags Details
reduction (338 bytes, text/html)
2008-03-31 10:52 PDT, jasneet
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 2008-03-31 10:46:47 PDT
I Steps:
1. Open Safari.Do not maximize the window, maybe less than half of screen in size.
2. Go to http://bet.hkjc.com/
3. Click on the bottom tab that is by itself with green background. (see 1st step : attached screenshot)
4. Click on the 6th link (see 2nd step : attached screenshot)
5. Resize browser, making it smaller than previous setting.
6. Navigate to the right of the page by holding down the browser's horizontal scroll bar and dragging to the right (see 3rd step : attached screenshot)

II Issue:
Safari: the frame loads with vertical scroll bar on right. If you navigate to the right (holding down the horizontal scrollbar and dragging to the right), you can see that the browser's scrollbar disappears and only the frame's scrollbar appears- for which you cannot click to navigate to the bottom part of the text (you may need to navigate right to left a couple of times by using the horizontal scroll bar to observe that the vertical scrollbar does not respond) Occasionally, there appears to be paint issues that shows up too.

In IE: only the browser's scrollbars appear. Frame does not have a scrollbar.

III Conclusion:
The position:absolute property of the 2nd <iframe> is causing the issue.
FF: working ok *
*working in FF. The vertical scrollbar on the 1st frame (that FF has and not IE) is actually the expected behavior since scrolling is not specified.

To Reproduce:
Open testcase in Safari. Maximize window.
Decrease Safari window's size so the horizontal scrollbar shows on the bottom.
Scroll to the right using the bottom horizontal scrollbar.

IV Other browsers:
IE7: ok
FF3: ok
Opera9.24: ok

V Nightly tested: 31386
Comment 1 jasneet 2008-03-31 10:51:07 PDT
Created attachment 20239 [details]
screenshot
Comment 2 jasneet 2008-03-31 10:52:01 PDT
Created attachment 20240 [details]
reduction
Comment 3 Robert Hogan 2011-08-03 11:38:37 PDT
I can't recreate this. Is it still a problem?
Comment 4 Tab Atkins 2011-10-20 02:37:02 PDT
The referenced website no longer appears to demonstrate the problem, and I don't see any problem with the testcase.

I'm marking this closed.  Please reopen with a new testcase that shows the problem more clearly if it's still a problem.