Bug 1707584 - part5 : implement :volume-locked pseudo class. r=firefox-style-system-reviewers,emilio

alastor0325 · alastor0325 · commit 911b73e9ff35 · 2026-02-05T21:28:24.000Z
This patch only implements the :volume-locked [1] but doesn't implement the matching process for media element, which should be done in bug 2013371. [1] https://html.spec.whatwg.org/multipage/semantics-other.html#selector-volume-locked Differential Revision: https://phabricator.services.mozilla.com/D281101
diff --git a/servo/components/style/gecko/non_ts_pseudo_class_list.rs b/servo/components/style/gecko/non_ts_pseudo_class_list.rs
@@ -99,6 +99,7 @@ macro_rules! apply_non_ts_list {
                 ("buffering", Buffering, BUFFERING, _),
                 ("stalled", Stalled, STALLED, _),
                 ("muted", Muted, MUTED, _),
+                ("volume-locked", VolumeLocked, _, _),
 
 
                 // NOTE(emilio): Pseudo-classes below only depend on document state, and thus
diff --git a/servo/components/style/gecko/selector_parser.rs b/servo/components/style/gecko/selector_parser.rs
@@ -229,7 +229,7 @@ impl NonTSPseudoClass {
         }
         if matches!(
             *self,
-            Self::Playing | Self::Paused | Self::Seeking | Self::Buffering | Self::Stalled | Self::Muted
+            Self::Playing | Self::Paused | Self::Seeking | Self::Buffering | Self::Stalled | Self::Muted | Self::VolumeLocked
         ) {
             return static_prefs::pref!("dom.media.pseudo-classes.enabled");
         }
diff --git a/servo/components/style/gecko/wrapper.rs b/servo/components/style/gecko/wrapper.rs
@@ -2094,6 +2094,7 @@ impl<'le> ::selectors::Element for GeckoElement<'le> {
             },
             NonTSPseudoClass::Paused => self.is_html_media_element() && self.state().intersects(ElementState::PAUSED),
             NonTSPseudoClass::Playing => self.is_html_media_element() && !self.state().intersects(ElementState::PAUSED),
+            NonTSPseudoClass::VolumeLocked => false, // Bug 2013371
             NonTSPseudoClass::Dir(ref dir) => self.state().intersects(dir.element_state()),
             NonTSPseudoClass::ActiveViewTransitionType(ref types) => {
                 self.state().intersects(pseudo_class.state_flag())
diff --git a/testing/web-platform/meta/css/selectors/media/sound-state.html.ini b/testing/web-platform/meta/css/selectors/media/sound-state.html.ini

Original file line number	Diff line number	Diff line change
`@@ -229,7 +229,7 @@ impl NonTSPseudoClass {`
`229`	`229`	`}`
`230`	`230`	`if matches!(`
`231`	`231`	`*self,`
`232`		`- Self::Playing \| Self::Paused \| Self::Seeking \| Self::Buffering \| Self::Stalled \| Self::Muted`
	`232`	`+ Self::Playing \| Self::Paused \| Self::Seeking \| Self::Buffering \| Self::Stalled \| Self::Muted \| Self::VolumeLocked`
`233`	`233`	`) {`
`234`	`234`	`return static_prefs::pref!("dom.media.pseudo-classes.enabled");`
`235`	`235`	`}`