fix(lint/a11y/noStaticElementInteractions): exclude custom elements (#10191)

guney · web-flow · commit aa055cd74f82 · 2026-05-01T14:34:41.000-04:00
diff --git a/.changeset/proud-trams-feel.md b/.changeset/proud-trams-feel.md
@@ -0,0 +1,5 @@
+---
+"@biomejs/biome": patch
+---
+
+Now the rule [`noStaticElementInteractions`](https://biomejs.dev/linter/rules/no-static-element-interactions/) doesn't trigger custom elements.
diff --git a/crates/biome_js_analyze/src/lint/a11y/no_static_element_interactions.rs b/crates/biome_js_analyze/src/lint/a11y/no_static_element_interactions.rs
@@ -101,8 +101,8 @@ impl Rule for NoStaticElementInteractions {
     fn run(ctx: &RuleContext<Self>) -> Self::Signals {
         let node = ctx.query();
 
-        // Custom components are not checked because we do not know what DOM will be used.
-        if node.is_custom_component() {
+        // Custom components and elements are not checked because we do not know what DOM will be used.
+        if node.is_custom_component() || node.is_custom_element() {
             return None;
         }
 
diff --git a/crates/biome_js_analyze/tests/specs/a11y/noStaticElementInteractions/valid.jsx b/crates/biome_js_analyze/tests/specs/a11y/noStaticElementInteractions/valid.jsx
@@ -4,6 +4,7 @@
 	<Button onClick={doFoo} />
 	<Button onClick={doFoo} />
 	<div />
+	<custom-element onClick={doFoo} />
 	<div className="foo" />
 	<div className="foo" {...props} />
 	<div onClick={() => void 0} aria-hidden />
diff --git a/crates/biome_js_analyze/tests/specs/a11y/noStaticElementInteractions/valid.jsx.snap b/crates/biome_js_analyze/tests/specs/a11y/noStaticElementInteractions/valid.jsx.snap
@@ -10,6 +10,7 @@ expression: valid.jsx
 	<Button onClick={doFoo} />
 	<Button onClick={doFoo} />
 	<div />
+	<custom-element onClick={doFoo} />
 	<div className="foo" />
 	<div className="foo" {...props} />
 	<div onClick={() => void 0} aria-hidden />

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@biomejs/biome": patch
 +---
++
 +Now the rule [`noStaticElementInteractions`](https://biomejs.dev/linter/rules/no-static-element-interactions/) doesn't trigger custom elements.
Original file line number	Diff line number	Diff line change
`@@ -101,8 +101,8 @@ impl Rule for NoStaticElementInteractions {`
`101`	`101`	`fn run(ctx: &RuleContext<Self>) -> Self::Signals {`
`102`	`102`	`let node = ctx.query();`
`103`	`103`
`104`		`- // Custom components are not checked because we do not know what DOM will be used.`
`105`		`- if node.is_custom_component() {`
	`104`	`+ // Custom components and elements are not checked because we do not know what DOM will be used.`
	`105`	`+ if node.is_custom_component() \|\| node.is_custom_element() {`
`106`	`106`	`return None;`
`107`	`107`	`}`
`108`	`108`