refactor(form): change how querySelector gets built

AlaskaAirlines · Jan 18, 2025 · 15f336b · 15f336b
1 parent d741883
commit 15f336b
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/components/form/src/auro-form.js b/components/form/src/auro-form.js
@@ -208,11 +208,25 @@ export class AuroForm extends LitElement {
    * @returns {NodeList}
    */
   queryAuroElements() {
-    const formElementQuery = AuroForm.formElementTags.map((tag) => `${tag}[name], [${tag}][name]`);
-    const submitterQuery = AuroForm.buttonElementTags.map((tag) => `${tag}[type=submit], [${tag}][type=submit]`);
-    const resetButtonQuery = AuroForm.buttonElementTags.map((tag) => `${tag}[type=reset], [${tag}][type=reset]`);
+    const queries = [
+      [
+        AuroForm.formElementTags,
+        '[name]'
+      ],
+      [
+        AuroForm.buttonElementTags,
+        '[type=submit]'
+      ],
+      [
+        AuroForm.buttonElementTags,
+        '[type=reset]'
+      ]
+    ];
 
-    return this.querySelectorAll(formElementQuery.concat(submitterQuery, resetButtonQuery).join(', '));
+    return this.querySelectorAll(queries.flatMap(([
+      tags,
+      extraAttributes
+    ]) => tags.map((tag) => `${tag}${extraAttributes}, [${tag}]${extraAttributes}`)).join(', '));
   }
 
   /**