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

Author: guney

.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.

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;
         }
 

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 />

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 />