admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

⚡ Update click outside events to limit only to click events, ignoring blur (#1953)

Browse Source
This commit is contained in:
Mutasem Aldmour
2021-06-30 10:17:30 +03:00
committed by GitHub
parent 38f0cc1a8f
commit a080fab1f1
3 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/editor-ui/src/components/ExpandableInput/ExpandableInputEdit.vue
View File

@@ -10,7 +10,7 @@
@keydown.esc="onEscape"
ref="input"
size="4"
v-click-outside="onBlur"
v-click-outside="onClickOutside"
/>
</ExpandableInputBase>
</template>
@@ -47,8 +47,10 @@ export default Vue.extend({
onEnter() {
this.$emit('enter', (this.$refs.input as HTMLInputElement).value);
},
onBlur() {
this.$emit('blur', (this.$refs.input as HTMLInputElement).value);
onClickOutside(e: Event) {
if (e.type === 'click') {
this.$emit('blur', (this.$refs.input as HTMLInputElement).value);
}
},
onEscape() {
this.$emit('esc');

8
packages/editor-ui/src/components/NodeCreator/NodeCreator.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<SlideTransition>
<div class="node-creator" v-if="active" v-click-outside="closeCreator">
<div class="node-creator" v-if="active" v-click-outside="onClickOutside">
<MainPanel @nodeTypeSelected="nodeTypeSelected" :categorizedItems="categorizedItems" :categoriesWithNodes="categoriesWithNodes" :searchItems="searchItems"></MainPanel>
</div>
</SlideTransition>
@@ -64,8 +64,10 @@ export default Vue.extend({
},
},
methods: {
closeCreator () {
this.$emit('closeNodeCreator');
onClickOutside (e: Event) {
if (e.type === 'click') {
this.$emit('closeNodeCreator');
}
},
nodeTypeSelected (nodeTypeName: string) {
this.$emit('nodeTypeSelected', nodeTypeName);

8
packages/editor-ui/src/components/TagsDropdown.vue
View File

@@ -1,5 +1,5 @@
<template>
<div :class="{'tags-container': true, focused}" @keydown.stop v-click-outside="onBlur">
<div :class="{'tags-container': true, focused}" @keydown.stop v-click-outside="onClickOutside">
<el-select
:popperAppendToBody="false"
:value="appliedTags"
@@ -215,8 +215,10 @@ export default mixins(showMessage).extend({
this.focusOnInput();
});
},
onBlur() {
this.$emit('blur');
onClickOutside(e: Event) {
if (e.type === 'click') {
this.$emit('blur');
}
},
},
watch: {