Bug 76052 - The location and size of a div element are changed when doing zoom in / out
Summary: The location and size of a div element are changed when doing zoom in / out
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-01-11 04:23 PST by Catalin Anastasoaie
Modified: 2012-01-12 08:28 PST (History)
1 user (show)

See Also:


Attachments
The first test case with a div positioned at (1,1) (1.30 KB, text/html)
2012-01-11 04:23 PST, Catalin Anastasoaie
no flags Details
The second test case, with the div translated to (1,1) (1.30 KB, text/html)
2012-01-11 04:23 PST, Catalin Anastasoaie
no flags Details
Made a few modifications to the test case (1.27 KB, text/html)
2012-01-12 08:27 PST, Catalin Anastasoaie
no flags Details
The second test case, with the div translated to (1,1) (1.27 KB, text/html)
2012-01-12 08:28 PST, Catalin Anastasoaie
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Catalin Anastasoaie 2012-01-11 04:23:01 PST
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;
Comment 1 Catalin Anastasoaie 2012-01-11 04:23:57 PST
Created attachment 122005 [details]
The second test case, with the div translated to (1,1)
Comment 2 Catalin Anastasoaie 2012-01-12 08:27:21 PST
Created attachment 122248 [details]
Made a few modifications to the test case
Comment 3 Catalin Anastasoaie 2012-01-12 08:28:09 PST
Created attachment 122249 [details]
The second test case, with the div translated to (1,1)

Made a few modifications to the test case