Re: [csswg-drafts] [css-color-4] Paint order of non-positioned stacking context (#3793)

I just came across an interesting example of this when it comes to `shape-outside`.  One of the main purposes of shape-outside is to allow text wrapping around a float to be drawn over top (in layout and in paint order) of the floated element. But that currently falls apart if the floated element becomes a stacking context (e.g., by setting `opacity` < 1), which (in Chrome & Firefox) causes the float to now be drawn on top of the text wrapping around it. And because `z-index` doesn't apply to the float's positioning relative to its surroundings, there's no way I can figure out to fix it.

https://codepen.io/AmeliaBR/pen/vMqRoZ

-- 
GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3793#issuecomment-488515255 using your GitHub account

Received on Thursday, 2 May 2019 00:20:39 UTC