cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
fabriziobagala
Making moves
Status: In development

Can you please implement the CSS @scope rule? It allows CSS rules to be applied to a part of the document, with upper and lower bounds described by selectors.

For more details: https://drafts.csswg.org/css-cascade-6/#scoped-styles 

12 Comments
sabinadhikari
New member

@scope rule in CSS

Hi, I have been a long time Firefox user. Chrome has recently released  @scope CSS rule support in their browser version 118.
It is an awesome feature to have in Firefox arsenal as well. CSS isolation is imperative mostly when you are working with web components. Hoping Firefox will pick this up soon.

 

Here's the video released by Google çhrome.
https://www.youtube.com/watch?v=zx8OZtKe6hA&t=215s

Status changed to: New idea
Jon
Community Manager
Community Manager

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

Jon
Community Manager
Community Manager

(Note: similar ideas have been merged into this thread)

Honza
Employee
Employee

Hi @sabinadhikari

you can follow Mozilla's position on this feature here:

https://github.com/mozilla/standards-positions/issues/472

The latest news (and the thread should be updated soon) is that we think that it's worth prototyping)

Honza

 

Honza
Employee
Employee

Quick update on @scope support.

Mozilla's position on @scope changed to "positive"  and support for it is now part of the Interop 2024 initiative

A few links:

 

Status changed to: In development
Jon
Community Manager
Community Manager

Hey all,

Good news...

This is being worked on — feel free to track the work here and stay tuned for more updates 😃

jakenorth
New member

very cool. thank you!

bastiW
New member

Is there a polyfill to be used in the meantime? 

2mustange
Making moves

Is this being tracked through this bug?

Honza
Employee
Employee

Is this being tracked through this bug?

Yes

nopenope2
New member

Thr CSS scope feature has been enabled on Firefox Nightly for a while now. When will it be released for the general browser version? Could someone from Mozilla comment?

I appreciate the great work done by the Firefox devs and am very much looking forward to the release 😁

Jon
Community Manager
Community Manager

@nopenope2 just checked in with the team... we are continuing our work on @scope while we are working across on a number of other Interop 2025 deliverables. The goal (of course dependent on resource availability) is by the end of the year to have @scope, View Transitions, Anchor Positioning, Scroll End Events all available for developers.