Bug 199170 - 2nd selector in the compound selector list in :host pseudo-class like ":host(.class1, .class2) .class3" is not supported
Summary: 2nd selector in the compound selector list in :host pseudo-class like ":host(...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2019-06-24 11:40 PDT by Tim Guan-tin Chien [:timdream]
Modified: 2021-03-04 05:32 PST (History)
4 users (show)

See Also:

Attachments
test.html (288 bytes, text/html)
2019-06-24 11:40 PDT, Tim Guan-tin Chien [:timdream] 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Tim Guan-tin Chien [:timdream] 2019-06-24 11:40:03 PDT 
Created attachment 372778 [details]
test.html

Summary:
2nd selector in the compond selector list in :host pseudo-class like ":host(.class1, .class2) .class3" is not supported

Steps To Reproduce:
1. Open up test.html
2. Inspect the test.

Results:
The text should be red.

Tested on STP Release 85 (Safari 13.0, WebKit 14608.1.28.1) macOS 10.14.4 (18E226)

Notes:
If I change the selector to |:host(.class2, .class1) .class3| then the text is red, indicating that the selector is supported but not implemented correctly.

===

Firefox doesn’t seem to support this yet (https://bugzilla.mozilla.org/show_bug.cgi?id=1561010) and Chrome can parse this test correctly.

===

Was filed as rdar://52060837
Comment 1 Anders Hartvoll Ruud 2021-03-04 04:59:03 PST 
At some point :host() was indeed supposed to accept a <compound-selector-list>, but this is no longer the case. Only a single <compound-selector> should be supported now.

https://drafts.csswg.org/css-scoping/#selectordef-host