scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-11-11 01:44:34 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix issue where blur prevention is not turned off in assignment modal dropdown [SCI-8588] (#5570)

Browse source
This commit is contained in:
artoscinote 2023-06-07 09:52:57 +02:00 committed by GitHub
parent 98cb0df46b
commit 164829fd7c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/vue/shared/select.vue
View file

@ -77,7 +77,7 @@
this.isOpen = false;
this.$emit('blur');
}
}, 200);
}, 100);
},
toggle() {
if (this.isOpen && this.blurPrevented) {
@ -93,10 +93,7 @@
});
this.$refs.optionsContainer.scrollTop = 0;
this.updateOptionPosition();
setTimeout(() => {
this.$refs.optionsContainer.$el.querySelector('.ps__thumb-y').addEventListener('mousedown', this.preventBlur);
this.$refs.optionsContainer.$el.querySelector('.ps__thumb-y').addEventListener('mouseup', this.allowBlur);
}, 100);
this.setUpBlurHandlers();
} else {
this.optionPositionStyle = '';
this.$emit('close');
@ -121,6 +118,13 @@
}
this.optionPositionStyle = `position: fixed; top: ${top}px; left: ${left}px; width: ${width}px`
},
setUpBlurHandlers() {
setTimeout(() => {
this.$refs.optionsContainer.$el.querySelector('.ps__thumb-y').addEventListener('mousedown', this.preventBlur);
this.$refs.optionsContainer.$el.querySelector('.ps__thumb-y').addEventListener('mouseup', this.allowBlur);
document.addEventListener('mouseup', this.allowBlur);
}, 100);
}
}
}