Bug 127196 – Scrolling broken from div on same page as element with -webkit-animation

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

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!

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.

[Brent Fulgham]

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?

[Simon Fraser (smfr)]

Created attachment 223992 [details]
Test

[Simon Fraser (smfr)]

I can't reproduce either.

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!