vuetify-multiple-draggable-dialogs
Advanced tools
Comparing version 1.1.0 to 1.1.1
{ | ||
"name": "vuetify-multiple-draggable-dialogs", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "A mixin that gives ability to have multiple active draggable dialogs", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
@@ -29,2 +29,7 @@ const container = {}; | ||
const activeWrapper = event.target.closest(wrappersSelector); | ||
// if we clicked on non-related element | ||
if (!activeWrapper) { | ||
return false; | ||
} | ||
// list of all z-indexes of wrappers | ||
@@ -54,14 +59,17 @@ let indexes = []; | ||
* @param event | ||
* @param dialog | ||
*/ | ||
function setStyles(event, dialog) { | ||
container.el = dialog; | ||
container.mouseStartX = event.clientX; | ||
container.mouseStartY = event.clientY; | ||
container.elStartX = container.el.getBoundingClientRect().left; | ||
container.elStartY = container.el.getBoundingClientRect().top; | ||
container.el.style.position = 'fixed'; | ||
container.el.style.margin = '0px'; | ||
container.oldTransition = container.el.style.transition; | ||
container.el.style.transition = 'none'; | ||
function setStyles(event) { | ||
const dialog = closestDialog(event); | ||
if (dialog) { | ||
container.el = dialog; | ||
container.mouseStartX = event.clientX; | ||
container.mouseStartY = event.clientY; | ||
container.elStartX = container.el.getBoundingClientRect().left; | ||
container.elStartY = container.el.getBoundingClientRect().top; | ||
container.el.style.position = 'fixed'; | ||
container.el.style.margin = '0px'; | ||
container.oldTransition = container.el.style.transition; | ||
container.el.style.transition = 'none'; | ||
} | ||
} | ||
@@ -134,8 +142,4 @@ | ||
document.addEventListener('mousedown', (event) => { | ||
const dialog = closestDialog(event); | ||
if (dialog) { | ||
makeDialogAbove(event); | ||
setStyles(event, dialog); | ||
} | ||
makeDialogAbove(event); | ||
setStyles(event); | ||
}); | ||
@@ -142,0 +146,0 @@ |
16753
134