Bug 127196

Summary: Scrolling broken from div on same page as element with -webkit-animation
Product: WebKit Reporter: misha.ponizil
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: bfulgham, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.8   
URL: https://gist.github.com/mponizil/8483445
Attachments:
Description Flags
Visual while scrolling the page
none
Test none

Description misha.ponizil 2014-01-17 15:31:39 PST
Created attachment 221498 [details]
Visual while scrolling the page

The following test case can describe the bug most accurately:

https://gist.github.com/mponizil/8483445

Notes:

(1) Body is scrollable
(2) Document includes an element that makes use of a -webkit-animation
(3) Top-level div has z-index defined (accompanied by some position declaration)
(4) Next-level div is position: fixed
(5) Next-level div provides scrolling with overflow-y: auto
(6) Children of scrolling div include position: relative

The bug goes away if any of the elements descending from the top-level div have -webkit-transform:translate3d(0,0,0)

Thanks!
Comment 1 misha.ponizil 2014-01-17 15:34:53 PST
Also, when -webkit-transform:translate3d(0,0,0) is added to the top-level div (parent of position: fixed), the position: fixed declaration no longer fixes position relative to the browser window.
Comment 2 Brent Fulgham 2014-02-12 11:25:52 PST
I can't seem to replicate this using your test case and the nightly r163899 on Mavericks. Can you confirm which version of Safari you encountered this?
Comment 3 Simon Fraser (smfr) 2014-02-12 12:10:40 PST
Created attachment 223992 [details]
Test
Comment 4 Simon Fraser (smfr) 2014-02-12 12:11:03 PST
I can't reproduce either.
Comment 5 misha.ponizil 2014-02-12 12:22:29 PST
Apologies, I should have tested with the nightly build. I've encountered it using Safari 6.0.5 on OSX 10.8.5.

Confirming that it works with nightly Safari, thanks!