Fix selector-pseudo-class-no-unknown false positives for :seeking…

…, the media loading state and sound state pseudo-classes (#7490)
stylelint · Jan 22, 2024 · a889974 · a889974
1 parent e86c9cd
commit a889974
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/.changeset/friendly-poems-taste.md b/.changeset/friendly-poems-taste.md
@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `selector-pseudo-class-no-unknown` false positives for `:seeking`, the media loading state and sound state pseudo-classes
diff --git a/lib/reference/selectors.cjs b/lib/reference/selectors.cjs
@@ -254,11 +254,23 @@ const webkitScrollbarPseudoClasses = new Set([
 	'window-inactive',
 ]);
 
+// https://www.w3.org/TR/selectors-4/#resource-pseudos
+const resourceStatePseudoClasses = new Set([
+	'buffering',
+	'muted',
+	'paused',
+	'playing',
+	'seeking',
+	'stalled',
+	'volume-locked',
+]);
+
 const pseudoClasses = uniteSets(
 	aNPlusBNotationPseudoClasses,
 	linguisticPseudoClasses,
 	logicalCombinationsPseudoClasses,
 	aNPlusBOfSNotationPseudoClasses,
+	resourceStatePseudoClasses,
 	vendorSpecificPseudoClasses,
 	[
 		'active',
@@ -295,9 +307,7 @@ const pseudoClasses = uniteSets(
 		'optional',
 		'out-of-range',
 		'past',
-		'paused',
 		'placeholder-shown',
-		'playing',
 		'picture-in-picture',
 		'popover-open',
 		'read-only',

diff --git a/lib/reference/selectors.mjs b/lib/reference/selectors.mjs
@@ -251,11 +251,23 @@ export const webkitScrollbarPseudoClasses = new Set([
 	'window-inactive',
 ]);
 
+// https://www.w3.org/TR/selectors-4/#resource-pseudos
+const resourceStatePseudoClasses = new Set([
+	'buffering',
+	'muted',
+	'paused',
+	'playing',
+	'seeking',
+	'stalled',
+	'volume-locked',
+]);
+
 export const pseudoClasses = uniteSets(
 	aNPlusBNotationPseudoClasses,
 	linguisticPseudoClasses,
 	logicalCombinationsPseudoClasses,
 	aNPlusBOfSNotationPseudoClasses,
+	resourceStatePseudoClasses,
 	vendorSpecificPseudoClasses,
 	[
 		'active',
@@ -292,9 +304,7 @@ export const pseudoClasses = uniteSets(
 		'optional',
 		'out-of-range',
 		'past',
-		'paused',
 		'placeholder-shown',
-		'playing',
 		'picture-in-picture',
 		'popover-open',
 		'read-only',

diff --git a/lib/rules/selector-pseudo-class-no-unknown/__tests__/index.mjs b/lib/rules/selector-pseudo-class-no-unknown/__tests__/index.mjs
@@ -122,6 +122,9 @@ testRule({
 			code: ':popover-open {}',
 			description: 'explicit :popover-open test; see #7424',
 		},
+		{
+			code: ':seeking, :stalled, :buffering, :volume-locked, :muted {}',
+		},
 	],
 
 	reject: [