Bug 91426 - No overflow scrollbars with 3d transform until the window is resized
Summary: No overflow scrollbars with 3d transform until the window is resized
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified OS X 10.7
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/fmTMv/2/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2012-07-16 14:44 PDT by Chris Drackett
Modified: 2017-09-01 14:56 PDT (History)
4 users (show)

See Also:


Attachments
Test case illustrating absence of scrollbars on initial load (2.74 KB, text/html)
2017-09-01 14:56 PDT, Evan Chaney
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Chris Drackett 2012-07-16 14:44:34 PDT
I often use absolute positioned elements with overflow: scroll for UI elements. Recently on a project we've been doing animation and I noticed that if a 3D transform is added to one of these elements, no scrollbars are shown.

I have a test case here:

http://jsfiddle.net/fmTMv/2/

if you remove the -webkit-transform: translate3d(0, 0, 0); line, scrollbars will again be shown.
Comment 1 Simon Fraser (smfr) 2012-07-18 13:01:36 PDT
I seem to recall another bug on this.
Comment 2 Chris Drackett 2012-07-18 14:15:41 PDT
I just did a search and found this:

https://bugs.webkit.org/show_bug.cgi?id=85647

which includes this case as part of the description, but is slightly different from the main issue of the other bug.
Comment 3 Radar WebKit Bug Importer 2012-07-19 10:27:28 PDT
<rdar://problem/11913575>
Comment 4 Simon Fraser (smfr) 2012-09-07 13:59:35 PDT
I see scrollbars on the jsFiddle testcase in Safari 6 on Mountain Lion. They can be offset if there's a shadow (bug 85647). But this bug is fixed.
Comment 5 Chris Drackett 2012-09-07 14:41:23 PDT
I'm on Safari Version 6.0.1 (8536.26.13) on 10.8.2 and see no scrollbar. Are you looking at the "content content content" div in the result section (lower right)?
Comment 6 Simon Fraser (smfr) 2012-09-07 14:51:23 PDT
Chris: do they appear if you resize the window?
Comment 7 Chris Drackett 2012-09-07 14:52:23 PDT
ah, they do! if I resize the window they start working, but on initial load I don't have the bar.
Comment 8 Simon Fraser (smfr) 2012-09-07 14:56:11 PDT
Chris: to clarify, on initial load you don't see a flash of the bar (known issue), but if you scroll, do you see the scrollbar?
Comment 9 Chris Drackett 2012-09-07 15:12:05 PDT
right,

on load:

- no bar flash
- no bar when scrolling

on resize:

- bar flashes as long as I scrolled in the div before resize

after resize:

- bar is shown on scroll
Comment 10 Evan Chaney 2017-09-01 14:56:42 PDT
Created attachment 319649 [details]
Test case illustrating absence of scrollbars on initial load

Attaching additional test case (webkit-91426-test-case.html).

To observe the issue:

1. Open new window in Safari. Adjust window height to be less than or equal to 1440px. Do not adjust the window size after this point.
2. Open webkit-91426-test-case.html in the window.
3. Press “Toggle Menu” button to cause a menu to slide in from the right-hand window edge.
4. Attempt to scroll through the contents of the menu.