Commit 73f5c9c49ba37d193eefcf0fb5939400aab9ddb0
Outside click fix for ios
Showing
6 changed files
with
7 additions
and
2 deletions
Show diff stats
src/components/cascader/cascader.vue
1 | <template> | 1 | <template> |
2 | - <div :class="classes" v-click-outside="handleClose"> | 2 | + <div :class="classes" v-click-outside="handleClose" v-click-outside:touchstart="handleClose"> |
3 | <div :class="[prefixCls + '-rel']" @click="toggleOpen" ref="reference"> | 3 | <div :class="[prefixCls + '-rel']" @click="toggleOpen" ref="reference"> |
4 | <input type="hidden" :name="name" :value="currentValue"> | 4 | <input type="hidden" :name="name" :value="currentValue"> |
5 | <slot> | 5 | <slot> |
src/components/color-picker/color-picker.vue
src/components/date-picker/picker.vue
@@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
2 | <div | 2 | <div |
3 | :class="wrapperClasses" | 3 | :class="wrapperClasses" |
4 | v-click-outside:mousedown.capture="handleClose" | 4 | v-click-outside:mousedown.capture="handleClose" |
5 | + v-click-outside:touchstart.capture="handleClose" | ||
5 | v-click-outside.capture="handleClose" | 6 | v-click-outside.capture="handleClose" |
6 | > | 7 | > |
7 | <div ref="reference" :class="[prefixCls + '-rel']"> | 8 | <div ref="reference" :class="[prefixCls + '-rel']"> |
src/components/dropdown/dropdown.vue
@@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
2 | <div | 2 | <div |
3 | :class="[prefixCls]" | 3 | :class="[prefixCls]" |
4 | v-click-outside="onClickoutside" | 4 | v-click-outside="onClickoutside" |
5 | + v-click-outside:touchstart="onClickoutside" | ||
5 | @mouseenter="handleMouseenter" | 6 | @mouseenter="handleMouseenter" |
6 | @mouseleave="handleMouseleave"> | 7 | @mouseleave="handleMouseleave"> |
7 | <div :class="relClasses" ref="reference" @click="handleClick" @contextmenu.prevent="handleRightClick"><slot></slot></div> | 8 | <div :class="relClasses" ref="reference" @click="handleClick" @contextmenu.prevent="handleRightClick"><slot></slot></div> |
src/components/poptip/poptip.vue
@@ -3,7 +3,8 @@ | @@ -3,7 +3,8 @@ | ||
3 | :class="classes" | 3 | :class="classes" |
4 | @mouseenter="handleMouseenter" | 4 | @mouseenter="handleMouseenter" |
5 | @mouseleave="handleMouseleave" | 5 | @mouseleave="handleMouseleave" |
6 | - v-click-outside="handleClose"> | 6 | + v-click-outside="handleClose" |
7 | + v-click-outside:touchstart="handleClose"> | ||
7 | <div | 8 | <div |
8 | :class="[prefixCls + '-rel']" | 9 | :class="[prefixCls + '-rel']" |
9 | ref="reference" | 10 | ref="reference" |
src/components/select/select.vue
@@ -3,6 +3,7 @@ | @@ -3,6 +3,7 @@ | ||
3 | :class="classes" | 3 | :class="classes" |
4 | v-click-outside.capture="onClickOutside" | 4 | v-click-outside.capture="onClickOutside" |
5 | v-click-outside:mousedown.capture="onClickOutside" | 5 | v-click-outside:mousedown.capture="onClickOutside" |
6 | + v-click-outside:touchstart.capture="onClickOutside" | ||
6 | > | 7 | > |
7 | <div | 8 | <div |
8 | ref="reference" | 9 | ref="reference" |