Closed
Bug 456497
Opened 16 years ago
Closed 2 years ago
-moz-transformed objects can cause scrollbars
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: martijn.martijn, Unassigned)
References
()
Details
(Keywords: testcase)
Attachments
(1 file)
|
235 bytes,
text/html
|
Details |
See url, where you get a horizontal scrollbar.
Webkit doesn't add scrollbars for the transformed content that is overflowing.
This is probably related to bug 446693 and bug 286368.
|
||
Comment 1•16 years ago
|
||
I think the reason this is happening is that the div element that's being translated has an overflow rect that contains the entire width of the div element, not just the text inside it. Consequently, when you translate it over, the overflow rect extends beyond the viewport, creating the scrollbars. I don't know if this is incorrect behavior on the part of the div element.
Isn't it similar case to "position: relative; left: 100px;"? I would expect scrollbars in both cases.
|
||
Comment 3•13 years ago
|
||
You should get scrollbars per current spec:
"""
In the HTML namespace, the transform property does not affect the flow of the content surrounding the transformed element. However, the extent of the overflow area takes into account transformed elements. This behavior is similar to what happens when elements are offset via relative positioning. Therefore, if the value of the 'overflow' property is 'scroll' or 'auto', scrollbars will appear as needed to see content that is transformed outside the visible area.
"""
http://dev.w3.org/csswg/css3-transforms/#transform-rendering
Simple test-case similar to your URL:
data:text/html,<!doctype html>
<div style="transform:translate(20px)">x</div>
All browsers I test in (IE9, Firefox 12.0a1, Chrome 17 dev, Opera Next 12.00 alpha) render this with a scrollbar, exactly like for position: relative. Is this really a bug?
|
Reporter | |
Comment 4•13 years ago
|
||
I guess the spec needs adjusting.
|
|
||
Comment 5•13 years ago
|
||
The spec agrees with all current browsers, so IMO this should be WONTFIX . . .
|
|
Reporter | |
Updated•8 years ago
|
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → WORKSFORME
|
||
Updated•8 years ago
|
Status: RESOLVED → REOPENED
Resolution: WORKSFORME → ---
|
||
Updated•2 years ago
|
Severity: normal → S3
|
||
Comment 6•2 years ago
|
||
Here's the original testcase, using unprefixed transform so that it works in all browsers.
This generates a horizontal scrollbar in Firefox, Chrome, and Epiphany (linux WebKit browser).
So, as noted above, it looks like all browsers are in agreement here.
|
|
||
Updated•2 years ago
|
Status: REOPENED → RESOLVED
Closed: 8 years ago → 2 years ago
Resolution: --- → INVALID
You need to log in
before you can comment on or make changes to this bug.
Description
•