[4.x] Prevent events being added to an element that doesn't exist whe…

…n in grid table mode (#9130) Check we have a label to add event to
statamic · Dec 11, 2023 · 3d8eade · 3d8eade
1 parent dc83887
commit 3d8eade
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -346,9 +346,12 @@ export default {
         this.$store.commit(`publish/${this.storeName}/setFieldSubmitsJson`, this.fieldPathPrefix || this.handle);
 
         this.$nextTick(() => {
-            document.querySelector(`label[for="${this.fieldId}"]`).addEventListener('click', () => {
-                this.editor.commands.focus();
-            });
+            let el = document.querySelector(`label[for="${this.fieldId}"]`);
+            if (el) {
+                el.addEventListener('click', () => {
+                    this.editor.commands.focus();
+                });
+            }
         });
     },
 

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -197,9 +197,12 @@ export default {
     mounted() {
         this.initToolbarButtons();
 
-        document.querySelector(`label[for="${this.fieldId}"]`).addEventListener('click', () => {
-            this.codemirror.focus();
-        });
+        let el = document.querySelector(`label[for="${this.fieldId}"]`);
+        if (el) {
+            el.addEventListener('click', () => {
+                this.codemirror.focus();
+            });
+        }
     },
 
     methods: {