fix: scroll error into view with nested key names (#904)

* fix: scroll error into view with nested key names
adfinis · Feb 23, 2023 · 5c192a5 · 5c192a5
1 parent 060a707
commit 5c192a5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/addon/components/validated-button.js b/addon/components/validated-button.js
@@ -43,7 +43,7 @@ export default class ValidatedButtonComponent extends Component {
     if (macroCondition(getOwnConfig().scrollErrorIntoView)) {
       if (model.errors[0]?.key) {
         document
-          .querySelector(`[name=${model.errors[0].key}]`)
+          .querySelector(`[name=${model.errors[0].key.replaceAll(".", "\\.")}]`)
           ?.scrollIntoView({ behavior: "smooth" });
       }
     }

diff --git a/addon/components/validated-form.js b/addon/components/validated-form.js
@@ -48,7 +48,9 @@ export default class ValidatedFormComponent extends Component {
       if (macroCondition(getOwnConfig().scrollErrorIntoView)) {
         if (model.errors[0]?.key) {
           document
-            .querySelector(`[name=${model.errors[0].key}]`)
+            .querySelector(
+              `[name=${model.errors[0].key.replaceAll(".", "\\.")}]`
+            )
             ?.scrollIntoView({ behavior: "smooth" });
         }
       }