Closed Bug 841596 Opened 7 years ago Closed 7 years ago

Body element has incorrect size for transform:scale(<1) children


(Core :: Layout, defect)

19 Branch
Not set





(Reporter: etlovett2, Unassigned)



(2 files)

Attached file Simplified test case
Open the attached test case page. The browser correctly sizes the body element when the scaled-up div is shown (and when a non-scaled div is shown, though that's not included) but it does not properly size the body element when the scaled-down div is shown. In that case, the body element should be ~1024px in height, but it's 2026px. This results in a bunch of extra whitespace at the bottom of the page.

Bug occurs in:
* Firefox Beta (19.0)
* WebKit nightly (Version 6.0.2 (7536.26.17, 537+))
* Chrome Canary (Version 27.0.1412.0 canary)

Filed against WebKit as

Only tested on OS X 10.7.5.
This bug occurs in the latest Firefox Nightly as well (21.0a1 (2013-02-14)).
Attachment #714157 - Attachment mime type: text/plain → text/html
From the transforms spec:

   For elements whose layout is governed by the CSS box model, the transform property does
   not affect the flow of the content surrounding the transformed element.

In particular, the height of the body does not depend on the transform.  You can see that if you set a border on the body in the testcase.

So the observed behavior is exactly what the spec calls for.
Closed: 7 years ago
Resolution: --- → INVALID
Ah, ok.  I thought that might be the case, since it occurs in WebKit as well.

Interestingly, if you add height:100% to the body tag in this test case, it sizes correctly.  See "Test case, with body height:100% addition" attachment.
Attachment #714224 - Attachment mime type: text/plain → text/html
You need to log in before you can comment on or make changes to this bug.