fix querySelector in Form focusOnError when id includes dots (#4280)

jroebu14 · heath-freenome · web-flow · commit 018621e62df3 · 2024-09-09T17:08:01.000-07:00
Co-authored-by: Heath C &lt;51679588+heath-freenome@users.noreply.github.com&gt;
diff --git a/packages/core/src/components/Form.tsx b/packages/core/src/components/Form.tsx
@@ -837,7 +837,7 @@ export default class Form<
     let field = this.formElement.current.elements[elementId];
     if (!field) {
       // if not an exact match, try finding an input starting with the element id (like radio buttons or checkboxes)
-      field = this.formElement.current.querySelector(`input[id^=${elementId}`);
+      field = this.formElement.current.querySelector(`input[id^="${elementId}"`);
     }
     if (field && field.length) {
       // If we got a list with length > 0

Original file line number	Diff line number	Diff line change
`@@ -837,7 +837,7 @@ export default class Form<`
`837`	`837`	`let field = this.formElement.current.elements[elementId];`
`838`	`838`	`if (!field) {`
`839`	`839`	`// if not an exact match, try finding an input starting with the element id (like radio buttons or checkboxes)`
`840`		- field = this.formElement.current.querySelector(`input[id^=${elementId}`);
	`840`	+ field = this.formElement.current.querySelector(`input[id^="${elementId}"`);
`841`	`841`	`}`
`842`	`842`	`if (field && field.length) {`
`843`	`843`	`// If we got a list with length > 0`