Bug 76052 – The location and size of a div element are changed when doing zoom in / out

• Status: UNCONFIRMED
• Component: DOM

[Catalin Anastasoaie]

Created attachment 122004 [details]
The first test case with a div positioned at (1,1)

The location and size of a div element are changed when doing zoom in / out. This might be a regression from https://bugs.webkit.org/show_bug.cgi?id=48110.

Expected Results:
The location and the size of the div should remain the same

Actual Results:
The values are changing throughout the zooming operation. See the attached files and the examples below for more info on this. 

The index.html file is a simple case where we have a div positioned at (1,1) while in the index_translate.html file we have a div positioned initially at (74,86) and translated with -webkit-transform to (1,1). 


Before zoom out these are the values:
=========

left: 1;
right: 101;
top: 1;
height: 100;
bottom: 101;
width: 100;

For index.html:

Zoom out once and the values will change to:
=========

left: 1.2000000476837158;
right: 100.80000305175781;
top: 1.2000000476837158;
height: 99.60000610351562;
bottom: 100.80000305175781;
width: 99.60000610351562;

Zoom out twice:
=========

left: 1.440000057220459;
right: 100.80000305175781;
top: 1.440000057220459;
height: 99.36000061035156;
bottom: 100.80000305175781;
width: 99.36000061035156;

Zoom out the 3rd time:
=========

left: 1.7280000448226929;
right: 100.2239990234375;
top: 1.7280000448226929;
height: 98.49600219726562;
bottom: 100.2239990234375;
width: 98.49600219726562;

Zoom out the 4th time:
=========

left: 2;
right: 102;
top: 2;
height: 100;
bottom: 102;
width: 100;

For index_translate.html:


Zoom out once and the values will change to:
=========

left: 0.2000015377998352;
right: 99.80001068115234;
top: 0.20000611245632172;
height: 99.60000610351562;
bottom: 99.80001068115234;
width: 99.60000610351562;

Zoom out twice:
=========

left: 0.4400024712085724;
right: 99.80000305175781;
top: -0.03999572992324829;
height: 99.36000061035156;
bottom: 99.32000732421875;
width: 99.36000061035156;

Zoom out the 3rd time:
=========

left: -0.42399758100509644;
right: 98.07200622558594;
top: -0.3280012309551239;
height: 98.49600219726562;
bottom: 98.16799926757812;
width: 98.49600219726562;

Zoom out the 4th time:
=========

left: 1;
right: 101;
top: 1;
height: 100;
bottom: 101;
width: 100;

[Catalin Anastasoaie]

Created attachment 122005 [details]
The second test case, with the div translated to (1,1)

[Catalin Anastasoaie]

Created attachment 122248 [details]
Made a few modifications to the test case

[Catalin Anastasoaie]

Created attachment 122249 [details]
The second test case, with the div translated to (1,1)

Made a few modifications to the test case