RESOLVED FIXED 289162
`will-change: offset-path` should create a stacking context and a containing block 
https://bugs.webkit.org/show_bug.cgi?id=289162
Summary `will-change: offset-path` should create a stacking context and a containing ...
Oriol Brufau
Reported 2025-03-05 05:53:08 PST
https://drafts.csswg.org/css-will-change/#valdef-will-change-custom-ident > If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element. This isn't happening with `will-change: offset-path`. Testcase: ```html <!DOCTYPE html> <style> div { background: red; width: 100px; } div::before { content: ""; display: block; position: relative; z-index: -1; background: green; height: 100px; } </style> <div style="will-change: offset-path"></div> <div style="offset-path: url()"></div> ```
Attachments
Add attachment proposed patch, testcase, etc.
Tim Nguyen (:ntim)
Comment 1 2025-03-05 07:37:21 PST
I was going to add offset-path to the list but I don't see any code in WebKit that makes offset-path create a stacking context (nor do I find the code for the containing block bit)
Oriol Brufau
Comment 2 2025-03-05 07:39:14 PST
Possibly it's https://searchfox.org/wubkat/rev/4fe385a64692137346a10f015213f1563124b663/Source/WebCore/rendering/style/RenderStyleInlines.h#333 ```cpp inline bool RenderStyle::hasTransform() const { return !transform().isEmpty() || offsetPath(); } ```
Tim Nguyen (:ntim)
Comment 3 2025-03-05 07:52:12 PST
Ah that would make sense, thanks!
Radar WebKit Bug Importer
Comment 4 2025-03-05 08:02:06 PST
<rdar://problem/146292698>
Tim Nguyen (:ntim)
Comment 5 2025-03-05 08:05:23 PST
Pull request: https://github.com/WebKit/WebKit/pull/41923
EWS
Comment 6 2025-03-05 09:41:07 PST
Committed 291635@main (1bceed1cdf97): <https://commits.webkit.org/291635@main> Reviewed commits have been landed. Closing PR #41923 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.