1648037 - (css-nesting-1) [meta] Implement CSS Nesting Module

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, enhancement, P3)

Description

[709922234]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:79.0) Gecko/20100101 Firefox/79.0

Steps to reproduce:

https://drafts.csswg.org/css-nesting-1/

Comment 1

[Tantek Çelik]

Worth some exploration/prototyping.

Comment 2

[BenjaminAster]

Chromium has an implementation of CSS nesting now.

Comment 3

[Sebastian Zartner [:sebo]]

For what it's worth, the Chromium people already have an intent to ship this feature.

Sebastian

Comment 4

[abney317]

CSS nesting in Safari tech preview 162 now also

Comment 5

[D7460N]

Live with Chrome version 112.
https://caniuse.com/?search=css%20nest

Comment 6

[erosman [:erosman]]

See also:
https://developer.chrome.com/articles/css-nesting/

Comment 7

[Michal Čaplygin [:myf]]

Current status: layout.css.nesting.enabled is currently enabled by default in Nightly (bug 1835066) and can be enabled in Developer Edition; so if all goes well it should be in Firefox 115 release scheduled for July.

Comment 8

[Emilio Cobos Álvarez [:emilio]]

(In reply to Michal Čaplygin [:myf] from comment #7)

Current status: layout.css.nesting.enabled is currently enabled by default in Nightly (bug 1835066) and can be enabled in Developer Edition; so if all goes well it should be in Firefox 115 release scheduled for July.

There's a bunch of stuff that needs to be implemented including CSSOM support, relative selectors, etc. I'll try getting it into 115 but it's not necessarily confirmed.

Comment 9

[Thomas Wisniewski [:twisniewski]]

WebKit is adding a nesting limit of 128 in https://bugs.webkit.org/show_bug.cgi?id=258272 . It might be good to touch base to see if the spec should take this into consideration for webcompat's sake so sites know to expect such a limit.

Comment 10

[Emilio Cobos Álvarez [:emilio]]

Let's call this fixed. We can track nesting related fixes / enhancements elsewhere or as dependencies.