Bug 184915 – Text inside the block part of an IB split isn't affected by parent opacity.

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[Emilio Cobos Álvarez (:emilio)]

Created attachment 338649 [details]
testcase.html

STR:

  Load the attached test-case.

Expected result:

  "Block" is grey, since it's inside a parent with opacity: 0.2.

Actual result:

  "Block" is not affected by opacity.

I _think_ Firefox and Edge are right on this one, but I'm not confident about how stacking contexts and IB splits interact to be 100% sure.

[Emilio Cobos Álvarez (:emilio)]

https://lists.w3.org/Archives/Public/www-style/2011May/0710.html

and 

https://bugzilla.mozilla.org/show_bug.cgi?id=660682

Look relevant here...

[Emilio Cobos Álvarez (:emilio)]

So Mats Palmgren pointed out that recently the spec had been clarified around this in https://github.com/w3c/csswg-drafts/issues/1477#issuecomment-380771705:

> In a block-in-inline split, the block is inside the inline in the box tree, and is a sibling of the two fragments of the inline in the fragment tree

So it doesn't matter whether the spec refers to box or element tree, opacity should apply to the block.

[Ahmad Saleem]

I am able to reproduce this bug in WebKit ToT as well based of (261811@main), it is still ‘Block’ does not have opacity.

[Ahmad Saleem]

Is it same as? https://wpt.fyi/results/css/css-color/inline-opacity-float-child.html?label=master&label=experimental&aligned&q=safari%3Afail%20chrome%3Apass%20firefox%3Apass

[Ahmad Saleem]

it works fine now in Safari Technology Preview 235. Might have progressed with `blocks-in-inline` work. I am marking this as `Configuration Changed`. @Alan - please correct me, if I am wrong.