diff options
author | DorraJaouad <dorra.jaoued7@gmail.com> | 2023-07-25 11:49:30 +0200 |
---|---|---|
committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-08-03 08:15:00 +0000 |
commit | 25a19a1fe22d38527f7b87d0735f530cf8d38afa (patch) | |
tree | 67b2d777cb893d31c0bf5d477abf15e48e9b4b03 /src/components/LeftSidebar/SearchBox/SearchBox.vue | |
parent | 7ae81f89a3c4c2907bbeaeae12b91351bb8d2e7b (diff) |
trailing button blur behaviour
Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
Diffstat (limited to 'src/components/LeftSidebar/SearchBox/SearchBox.vue')
-rw-r--r-- | src/components/LeftSidebar/SearchBox/SearchBox.vue | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/components/LeftSidebar/SearchBox/SearchBox.vue b/src/components/LeftSidebar/SearchBox/SearchBox.vue index ce5f33914..0337678f9 100644 --- a/src/components/LeftSidebar/SearchBox/SearchBox.vue +++ b/src/components/LeftSidebar/SearchBox/SearchBox.vue @@ -74,12 +74,11 @@ export default { expose: ['focus'], - emits: ['update:value', 'input', 'submit', 'abort-search'], + emits: ['update:value', 'input', 'submit', 'abort-search', 'blur', 'trailing-blur'], computed: { listeners() { return Object.assign({}, this.$listeners, { - focus: this.handleFocus, blur: this.handleBlur, }) }, @@ -155,6 +154,17 @@ export default { this.$emit('blur', event) } }, + + handleBlur(event) { + if ((event.relatedTarget) && (Array.from(event.relatedTarget.classList).includes('input-field__clear-button'))) { + event.preventDefault() + this.$refs.searchConversations.$el.querySelector('.input-field__clear-button').addEventListener('blur', (event) => { + this.$emit('trailing-blur', event) + }) + } else { + this.$emit('blur', event) + } + }, }, } </script> |