Update packages/@react-aria/focus/src/FocusScope.tsx

snowystinger · devongovett · web-flow · commit 8b7ae3fa1187 · 2025-07-09T08:25:09.000+10:00
Co-authored-by: Devon Govett &lt;devongovett@gmail.com&gt;
diff --git a/packages/@react-aria/focus/src/FocusScope.tsx b/packages/@react-aria/focus/src/FocusScope.tsx
@@ -301,7 +301,7 @@ function isTabbableRadio(element: HTMLInputElement) {
   }
   let radios: HTMLInputElement[] = [];
   if (!element.form) {
-    radios = ([...getOwnerDocument(element).querySelectorAll(`input[type="radio"][name="${element.name}"]`)] as HTMLInputElement[]).filter(radio => !radio.form);
+    radios = ([...getOwnerDocument(element).querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`)] as HTMLInputElement[]).filter(radio => !radio.form);
   } else {
     let radioList = element.form?.elements?.namedItem(element.name) as RadioNodeList;
     radios = [...(radioList ?? [])] as HTMLInputElement[];

Original file line number	Diff line number	Diff line change
`@@ -301,7 +301,7 @@ function isTabbableRadio(element: HTMLInputElement) {`
`301`	`301`	`}`
`302`	`302`	`let radios: HTMLInputElement[] = [];`
`303`	`303`	`if (!element.form) {`
`304`		- radios = ([...getOwnerDocument(element).querySelectorAll(`input[type="radio"][name="${element.name}"]`)] as HTMLInputElement[]).filter(radio => !radio.form);
	`304`	+ radios = ([...getOwnerDocument(element).querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`)] as HTMLInputElement[]).filter(radio => !radio.form);
`305`	`305`	`} else {`
`306`	`306`	`let radioList = element.form?.elements?.namedItem(element.name) as RadioNodeList;`
`307`	`307`	`radios = [...(radioList ?? [])] as HTMLInputElement[];`