fix querySelector in Form focusOnError when id includes dots

jroebu14 · jroebu14 · commit 7902b3e9b4b2 · 2024-08-20T14:35:32.000+01:00
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`