Open yisibl opened 11 months ago
Also happens with opacity: 0.9
, transform: scale(1)
and contain: paint
(may need display: block
to apply). Or an integer z-index
on a flex item.
@Loirooriol Thanks for providing more cases, I think it basically fails as soon as the Stacking context is created.
Yeah, in https://drafts.csswg.org/css-position-4/#paint-a-stacking-context, things that invoke "paint a stacking context" or "paint a stacking container" (except floats?)
I see that WebKit is improving background-clip
, which is exciting. @smfr Do you have any plans to fix this in WebKit?
cc @fantasai @LeaVerou @SebastianZ
Consider an example(from: https://bugs.chromium.org/p/chromium/issues/detail?id=1339290#c26):
The current behavior of Chrome and Safari does not show text, which looks like a bug, and only Firefox is as expected. Considering that Chrome 120 removed prefixes, the specification needs to define a clear behavior as soon as possible.
Firefox:
Also,
fixed/absolute
values in Firefox can causebackground-clip: text
to fail, which needs further clarification.