@scope :scope::part() doesn't work
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
Tracking | Status | |
---|---|---|
firefox131 | --- | fixed |
People
(Reporter: 709922234, Assigned: dshin)
References
(Blocks 1 open bug)
Details
Attachments
(3 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0
Steps to reproduce:
https://codepen.io/mantou132/pen/rNEOXKV
Actual results:
"Blue" not blue
Expected results:
"Blue" is blue
Strangely, in another example, :scope::part
seems to work, but it fails with multiple scopes:
- visit https://examples.gemjs.org
- navigator to "Console" from side bar
- navigator to "Client Pagination" from new page side bar
- click table header "No" cell
The first :scope::part()
style seems to be applied to other elements, bug https://codepen.io/mantou132/pen/pomaOjB work.
Comment 3•2 months ago
|
||
Comment 4•2 months ago
|
||
Can confirm that Nightly does not show colors, and Chrome does.
ni? from :dshin.
Comment 5•2 months ago
|
||
Missing-but-implied bit of STR: set about:config layout.css.at-scope.enabled
to true
to enable this feature. (That pref defaults to false for now -- reference: https://searchfox.org/mozilla-central/rev/8c6edfe25c094e032a27722ef30f69555f556bf8/modules/libpref/init/StaticPrefList.yaml#9095-9098 )
With that, Nightly renders the linked codepen with the word "Red" written in red, but the word "Blue" is written in a black (default) color, as described in comment 0.
Updated•2 months ago
|
Updated•2 months ago
|
Assignee | ||
Updated•1 month ago
|
Assignee | ||
Comment 6•1 month ago
|
||
Pushed by dshin@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/13085ea1774d Let the @scope root search cross the shadow boundary if ::part selector is used. r=firefox-style-system-reviewers,emilio
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/47487 for changes under testing/web-platform/tests
Comment 9•1 month ago
|
||
bugherder |
Upstream PR merged by moz-wptsync-bot
Updated•4 days ago
|
Description
•