110763 2013-02-25 09:50:45 -0800 [Shadow]: @host rules defined within @media selectors are not applied 2019-10-04 22:52:36 -0700 1 1 1 Unclassified WebKit DOM 528+ (Nightly build) Mac (Intel) Unspecified RESOLVED CONFIGURATION CHANGED HasReduction P2 Normal --- 59827 0 sorvell webcomponents-bugzilla dglazkov dominicc ericbidelman rniwa tabatkins tasak webcomponents-bugzilla oldest_to_newest 841046 0 190076 sorvell 2013-02-25 09:50:45 -0800 Created attachment 190076 reduction With a construction like this, an @host rule is not applied. @media screen and (max-width: 800px) { @host { * { background: green; } } } See the attached reduction and resize the window > and < 800px width to observe results. 850955 1 tasak 2013-03-08 00:33:43 -0800 Currently CSSGrammar.y.in cannot parse @host in @media. So we need to modify CSSGrammar.y.in (maybe, adding host to block_valid_rule). However if we change the place of @host with @media's (I'm not sure whether this is a valid css code or not), i.e. @host { @media screen and (max-width: 800px) { * { background: green; } } } we need to change RuleSet.cpp (i.e. RuleSet::addChildRules). 851246 2 dglazkov 2013-03-08 09:21:15 -0800 Tab, can you chime in on what's valid syntax or not? 852046 3 dominicc 2013-03-10 22:25:17 -0700 We are seeking clarification from the spec: <https://www.w3.org/Bugs/Public/show_bug.cgi?id=21242> Given a lawyerly reading of that, @host rules should not be parsed in a stylesheet at all because the 'host' production, though defined, is not used in the 'stylesheet' production. 1577188 4 rniwa 2019-10-04 22:52:36 -0700 @host isn't a thing anymore. 190076 2013-02-25 09:50:45 -0800 2013-02-25 09:50:45 -0800 reduction host-media-reduction.html text/html 763 sorvell PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8dGl0bGU+SG9zdC1NZWRpYSBSZWR1Y3Rp b248L3RpdGxlPgo8L2hlYWQ+Cjxib2R5PgogIDxwPlJlc2l6ZSB2aWV3cG9ydCB3aWR0aCA+IGFu ZCA8IDgwMHB4IGFuZCBvYnNlcnZlIHJlc3VsdHMuPC9wPgogIDxkaXYgaWQ9InRlc3QiPjwvZGl2 PgogIDxzY3JpcHQ+CiAgICByb290ID0gdGVzdC53ZWJraXRDcmVhdGVTaGFkb3dSb290KCk7CiAg ICByb290LmlubmVySFRNTCA9ICc8c3R5bGU+JyArCiAgICAgICdAaG9zdCB7ICogeyBiYWNrZ3Jv dW5kOiB5ZWxsb3c7IH0gfSBcbicgKwogICAgICAnQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0 aDogODAwcHgpIHtcbicgKyAKICAgICAgJ1x0QGhvc3QgeyAqIHsgYmFja2dyb3VuZDogZ3JlZW47 IH0gfSBcbicgKwogICAgICAnfTwvc3R5bGU+JyArCiAgICAgICdIZWxsbyBXb3JsZCEnOwogIDwv c2NyaXB0PgogIDxicj48aHI+CiAgPHA+RXhwZWN0ZWQgcmVzdWx0OjwvcD4KICA8ZGl2IGNsYXNz PSJ0ZXN0Ij4KICAgIDxzdHlsZSBzY29wZWQ+CiAgICAgIC50ZXN0IHsgCiAgICAgICAgYmFja2dy b3VuZDogeWVsbG93OwogICAgICB9CiAgICAgIAogICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4 LXdpZHRoOiA4MDBweCkgewogICAgICAgIC50ZXN0IHsKICAgICAgICAgIGJhY2tncm91bmQ6IGdy ZWVuOwogICAgICAgIH0KICAgICAgfQogICAgPC9zdHlsZT4KICAgIEhlbGxvIFdvcmxkIQogIDwv ZGl2Pgo8L2JvZHk+Cgo8L2h0bWw+Cg==