Issue 128390 in chromium: Setting position of element inside 'position: fixed' element breaks 3D transforms

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: OS-Mac Area-Undefined Pri-2 Type-Bug

New issue 128390 by heilemann: Setting position of element
inside 'position: fixed' element breaks 3D transforms
http://code.google.com/p/chromium/issues/detail?id=128390

Chrome Version : 19.0.1084.46
OS Version: OS X 10.7.4
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari 5: OK
Firefox 4.x: OK
IE 7/8/9: NA

What steps will reproduce the problem?
1. Make an element 'position: fixed'.
2. Put an element inside of it, make it 'position: relative' or 'position:
absolute'.
3. Make a third element separate from these. Give
it '-webkit-transform-style: preserve-3d'
and/or '-webkit-backface-visibility: hidden'.
4. Though it'll break even without it, putting 'position: fixed' on this
element will make it dance, so it's kind of fun, but in a heart-breaking
way.

What is the expected result?

That the elements do as they're told...

What happens instead?

The third element, if 'position: fixed' or 'position: absolute', will dance
around the area it's supposed to be in, when scrolling. If position isn't
set, it'll simply be mis-placed and appear fuzzy.


Please provide any additional information below. Attach a screenshot if
possible.

I can be reached at heil...@gmail.com if need be.

UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4)
AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.46 Safari/536.5




Attachments:
chromebug.mov 782 KB