Use mousedown instead of click event to close modals
This commit is contained in:
parent
e673d965d5
commit
af4b1aba70
2 changed files with 2 additions and 2 deletions
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<transition name="modal">
|
<transition name="modal">
|
||||||
<div class="modal-mask">
|
<div class="modal-mask">
|
||||||
<div class="modal-container" @click.self.prevent.stop="$emit('close')">
|
<div class="modal-container" @mousedown.self.prevent.stop="$emit('close')">
|
||||||
<div class="modal-content" :class="{'has-overflow': overflow, 'is-wide': wide}">
|
<div class="modal-content" :class="{'has-overflow': overflow, 'is-wide': wide}">
|
||||||
<slot>
|
<slot>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="modal-mask">
|
<div class="modal-mask">
|
||||||
<div @click.self="close()" class="modal-container">
|
<div @mousedown.self="close()" class="modal-container">
|
||||||
<div class="scrolling-content">
|
<div class="scrolling-content">
|
||||||
<a @click="close()" class="close">
|
<a @click="close()" class="close">
|
||||||
<icon icon="times"/>
|
<icon icon="times"/>
|
||||||
|
|
Loading…
Reference in a new issue