Fix buefy#2093

Focus on Modal when `isActive` is changed
service-paradis · Dec 19, 2019 · ff6cab9 · ff6cab9
1 parent cd624cf
commit ff6cab9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/docs/pages/components/modal/examples/ExProgrammatic.vue b/docs/pages/components/modal/examples/ExProgrammatic.vue
@@ -65,7 +65,8 @@
                     parent: this,
                     component: ModalForm,
                     hasModalCard: true,
-                    customClass: 'custom-class custom-class-2'
+                    customClass: 'custom-class custom-class-2',
+                    trapFocus: true
                 })
             }
         }

diff --git a/src/components/modal/Modal.vue b/src/components/modal/Modal.vue
@@ -135,14 +135,14 @@ export default {
     watch: {
         active(value) {
             this.isActive = value
+        },
+        isActive(value) {
+            this.handleScroll()
             this.$nextTick(() => {
                 if (value && this.$el && this.$el.focus) {
                     this.$el.focus()
                 }
             })
-        },
-        isActive() {
-            this.handleScroll()
         }
     },
     methods: {