Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-08 00:08:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix scroll listener for multi select inputs

Browse Source
This commit is contained in:
advplyr 2022-12-19 16:10:45 -06:00
parent 3d3a224402
commit eb9a077520
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/components/ui/MultiSelect.vue
View File

@ -117,7 +117,7 @@ export default {
}, 50) }, 50)
}, },
recalcMenuPos() { recalcMenuPos() {
if (!this.menu) return if (!this.menu || !this.$refs.inputWrapper) return
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()
if (boundingBox.y > window.innerHeight - 8) { if (boundingBox.y > window.innerHeight - 8) {
// Input is off the page // Input is off the page
@ -135,7 +135,7 @@ export default {
this.menu.style.width = boundingBox.width + 'px' this.menu.style.width = boundingBox.width + 'px'
}, },
unmountMountMenu() { unmountMountMenu() {
if (!this.$refs.menu) return if (!this.$refs.menu || !this.$refs.inputWrapper) return
this.menu = this.$refs.menu this.menu = this.$refs.menu
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()

4
client/components/ui/MultiSelectDropdown.vue
View File

@ -68,14 +68,14 @@ export default {
}, },
methods: { methods: {
recalcMenuPos() { recalcMenuPos() {
if (!this.menu) return if (!this.menu || !this.$refs.inputWrapper) return
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()
this.menu.style.top = boundingBox.y + boundingBox.height - 4 + 'px' this.menu.style.top = boundingBox.y + boundingBox.height - 4 + 'px'
this.menu.style.left = boundingBox.x + 'px' this.menu.style.left = boundingBox.x + 'px'
this.menu.style.width = boundingBox.width + 'px' this.menu.style.width = boundingBox.width + 'px'
}, },
unmountMountMenu() { unmountMountMenu() {
if (!this.$refs.menu) return if (!this.$refs.menu || !this.$refs.inputWrapper) return
this.menu = this.$refs.menu this.menu = this.$refs.menu
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()

4
client/components/ui/MultiSelectQueryInput.vue
View File

@ -140,7 +140,7 @@ export default {
}, 50) }, 50)
}, },
recalcMenuPos() { recalcMenuPos() {
if (!this.menu) return if (!this.menu || !this.$refs.inputWrapper) return
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()
if (boundingBox.y > window.innerHeight - 8) { if (boundingBox.y > window.innerHeight - 8) {
// Input is off the page // Input is off the page
@ -158,7 +158,7 @@ export default {
this.menu.style.width = boundingBox.width + 'px' this.menu.style.width = boundingBox.width + 'px'
}, },
unmountMountMenu() { unmountMountMenu() {
if (!this.$refs.menu) return if (!this.$refs.menu || !this.$refs.inputWrapper) return
this.menu = this.$refs.menu this.menu = this.$refs.menu
var boundingBox = this.$refs.inputWrapper.getBoundingClientRect() var boundingBox = this.$refs.inputWrapper.getBoundingClientRect()