Added clickToClose flag that allows to block closing modal on background click (#35)

This commit is contained in:
euvl
2017-07-19 18:22:18 +01:00
parent 9f4361f037
commit 2ae6a62f6b
4 changed files with 34 additions and 5 deletions

View File

@@ -5,7 +5,7 @@
class="v--modal-overlay"
:aria-expanded="visible.toString()"
:data-modal="name"
@mousedown.stop="toggle(false)">
@mousedown.stop="onBackgroundClick">
<div class="v--modal-top-right">
<slot name="top-right"/>
</div>
@@ -62,6 +62,10 @@
transition: {
type: String
},
clickToClose: {
type: Boolean,
default: true
},
classes: {
type: [String, Array],
default: 'v--modal',
@@ -346,6 +350,12 @@
}
},
onBackgroundClick () {
if (this.clickToClose) {
this.toggle(false)
}
},
addDraggableListeners () {
if (!this.draggable) {
return;