Closed Bug 31922 Opened 25 years ago Closed 25 years ago

clipping doesn't work correctly

Categories

(Core :: CSS Parsing and Computation, defect, P3)

x86
Windows 98
defect

Tracking

()

VERIFIED INVALID

People

(Reporter: martin.honnen, Assigned: pierre)

Details

Attachments

(2 files)

In the following <HTML> <HEAD> <STYLE> #outerLayer1 { position: absolute; left: 100px; top: 100px; width: 100px; height: 100px; background-color: lime; layer-background-color: lime; } #outerLayer2 { position: absolute; left: 100px; top: 201px; width: 100px; height: 100px; clip: rect(30px 70px 70px 30px); overflow: hidden; background-color: lime; layer-background-color: lime; } #innerLayer1, #innerLayer2 { position: absolute; left: 40px; top: 40px; width: 20px; height: 20px; background-color: orange; layer-background-color: orange; } </STYLE> <SCRIPT> </SCRIPT> </HEAD> <BODY> <DIV ID="outerLayer1"> <DIV ID="innerLayer1"> </DIV> </DIV> <DIV ID="outerLayer2"> <DIV ID="innerLayer2"> </DIV> </DIV> </BODY> </HTML> the outerLayer2 gets not correctly clipped. Only innerLayer2 is visible though there should be 10px wide lime "border" around it.
Maybe a term could be 'ClipBy' since that is what its doing[opposed to NS4 & IE's 'ClipTo'] clipBy (10, 10, 10, 10) would clip the left by each side by 10px, where as in IE and NS4 would render this invisible because of it would clip to the pixel respective coords with Element.
The code contains 2 errors: - The coordinates of a rect() should be separated with commas. - The values inside the clip rect specify *offsets* from the respective sides of the box, not the actual coordinates of the clip rect. See http://www.w3.org/TR/REC-CSS2/visufx.html#propdef-clip for more info. I'm going to attach a revised testcase (no... innerLayer2 is not larger than innerLayer2 :-) Closed as Invalid.
Status: NEW → RESOLVED
Closed: 25 years ago
Resolution: --- → INVALID
Attached file revised testcase
Why is http://bugzilla.mozilla.org/show_bug.cgi?id=11565 mentioning It was decided that clip should behave as defined in the positioning working draft and as implemented by Navigator and IE, i.e., not as defined by the CSS2 spec IE and NN4 interpret the clip values as coordinates.
You're right Martin. See bug 11565 for more info.
Adding 'verifyme' keyword
Keywords: verifyme
verifying invalid
Status: RESOLVED → VERIFIED
Keywords: verifyme
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: