155316 - -moz-opacity interferes with inherited clipping

Status: RESOLVED INVALID

(Core :: Web Painting, defect, P3)

Description

[Roland McIntosh]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.1a) Gecko/20020611
BuildID:    2002061104

I have two SPANs, one inside the other, both positioned absolutely. the parent
span has clip() set, and overflow set to hidden.

the child SPAN contains several images; when they have their opacity set via
-moz-opacity, the child SPAN ignores its parent's clip(). By deleteing the
opacity attribute the child span behaves as expected.

Reproducible: Always
Steps to Reproduce:
1.remove -moz-opacity
2.see clipping as it should be

#content{
	position:absolute;
}
#content img{
	margin-bottom:5px;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	display:block;
}
...
<span id="contentClip" style="position: absolute; top: 3px; left: 11px; width:
80px; height: 370px; clip:rect(0px,80px,370px,0px); visibility: visible;
z-index: 30; overflow: hidden;">
 <span id="content">
 <img src="../Images/Core_Thumb/Danielle_thumb.jpg">
...
</span></span>

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

->Views, although -moz-opacity is known to be seriously broken (that's one of
the reasons it was renamed from opacity)

Comment 2

[Roland McIntosh]

Attachment: testcase

Comment 3

[Chris Petersen]

Confirmed in the July 22 build (2002-07-22-05) under OS X.

Comment 4

[Pascal Chevrel:pascalc (PTO until April 26)]

I don't see any problem. The testcase isn't good since it puts a display:block 
and a different margin on all the images when opacity is set and the clipping
used is exactly the size of the area, so it doesn't clip anything. Anyway, even
with a proper clipping and corrected HTML,  I don't see any difference between
the two span, even in old NS 6.2.