Bug 65863 - Changing absolutely positioned element's transform and coordinates does not move the element
Summary: Changing absolutely positioned element's transform and coordinates does not m...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-08-08 11:07 PDT by Aivars
Modified: 2011-08-08 11:20 PDT (History)
0 users

See Also:


Attachments
HTML to demonstrate the problem (768 bytes, text/html)
2011-08-08 11:07 PDT, Aivars
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Aivars 2011-08-08 11:07:44 PDT
Created attachment 103265 [details]
HTML to demonstrate the problem

This bug can be observed on following conditions:

1) Element is absolutely positioned (position: absolute)
2) Javascript moves the element (changes style.left and/or style.top) and applies transform (such as scale and rotate)
3) Javascript is called after page has rendered (as from onmouseover event)

After doing the steps above the element gets transformed but not moved. 

Additional info:
DOM inspectors verify that style.left and top is correct. 
Resizing browser window forces repaint or re-rendering and then the element gets moved and painted at the correct location.

I could not verify the latest nightly build because of this: http://web.archiveorange.com/archive/v/MHvu4QrgNjpkVMjR8uz3

I'm attaching test html. It moves and scales absolute DIV to 100px, 100px, but the DIV doesn't get painted at 100px, 100px, unless browser window is resized.
Comment 1 Aivars 2011-08-08 11:12:44 PDT
I'm recalling the bug. Literally right after I posted it, Chrome updated and the bug is gone. I'm sorry.