← Back to release summary

CSS :has() : Non-forgiving parsing

Category

CSS

Type

No developer-visible change

Status

In developer trial (Behind a flag) (Chrome 112)

Intent stage

Prepare to ship

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Unknown status
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/selectors/parsing/parse-has.html

Summary

Make :has() unforgiving - ':has()' will be invalid if there is an invalid selector in its argument. CSSWG issue resolution: https://github.com/w3c/csswg-drafts/issues/7676#issuecomment-1341347244

Standards & signals

• Specification: https://github.com/w3c/csswg-drafts/commit/4756df80dd753095dd1311083840c5c433e953a7
• Firefox: No signal
• Safari: Positive — PR to apply : https://github.com/WebKit/WebKit/pull/8428
• Web developers: Positive — This fixes jQuery ':has()' conflict issue : https://github.com/w3c/csswg-drafts/issues/7676

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=css%2Fselectors%2Fparsing%2Fparse-has
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+CSS%20%3Ahas()%20%3A%20Non-forgiving%20parsing
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=CSS%20%3Ahas()%20%3A%20Non-forgiving%20parsing
• Baseline status: https://webstatus.dev/?q=CSS%20%3Ahas()%20%3A%20Non-forgiving%20parsing

View on chromestatus.com