maintain focus on open modals
This commit is contained in:
parent
8da22f5941
commit
c0719ce85f
@ -1,17 +1,32 @@
|
||||
import ally from 'ally.js'
|
||||
|
||||
export default {
|
||||
methods: {
|
||||
closeModal: function(name) {
|
||||
this.activeModal = null
|
||||
this.$emit('modalOpen', false)
|
||||
if (this.allyHandler) this.allyHandler.disengage()
|
||||
},
|
||||
|
||||
openModal: function (name) {
|
||||
this.activeModal = name
|
||||
this.$emit('modalOpen', true)
|
||||
const idSelector = `#${this.modalId}`
|
||||
|
||||
this.allyHandler = ally.maintain.disabled({
|
||||
filter: idSelector
|
||||
});
|
||||
}
|
||||
},
|
||||
data: function() {
|
||||
return {
|
||||
activeModal: null,
|
||||
allyHandler: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
modalId: function () {
|
||||
return !!this.activeModal ? `modal--${ this.activeModal }` : null
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user