fix: only focus on input if modal is open

Signed-off-by: Cleopatra Enjeck M <patrathewhiz@gmail.com>
nextcloud · Aug 14, 2024 · 2cbfcac · 2cbfcac
1 parent b910772
commit 2cbfcac
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/modules/modals/CreateColumn.vue b/src/modules/modals/CreateColumn.vue
@@ -260,9 +260,11 @@ export default {
 			deep: true,
 		},
 		showModal() {
-			this.$nextTick(() => {
-				this.$el.querySelector('input')?.focus()
-			})
+			if (this.showModal) {
+				this.$nextTick(() => {
+					this.$el.querySelector('input')?.focus()
+				})
+			}
 		},
 	},
 	methods: {

diff --git a/src/modules/modals/CreateRow.vue b/src/modules/modals/CreateRow.vue
@@ -90,9 +90,11 @@ export default {
 	},
 	watch: {
 		showModal() {
-			this.$nextTick(() => {
-				this.$el.querySelector('input')?.focus()
-			})
+			if (this.showModal) {
+				this.$nextTick(() => {
+					this.$el.querySelector('input')?.focus()
+				})
+			}
 		},
 	},
 	methods: {