WebKit diplay bug when switching position from absolute to fixed

Found an interesting WebKit bug that affects both Safari and Google Chrome. Changing an element from absolute positioning with bottom set to a value to fixed (with a bottom value) causes it's positioning to be relative to the top of the window frame. That is if an element has a position of absolute and a bottom of -50px and is switched to postion fixed, all but the bottom 50px will appear at the top of the page, instead of the bottom where it should be. For the switch to work properly, there must be a point in time where no position is set between the two states.

I've created a test page to illustrate this bug.

2010.01.18 12:42 PM | Permalink 0 Comments