Fix scrolling emoji selector in modal in safari ios

This commit is contained in:
tusooa 2023-06-29 11:31:07 -04:00
parent d5e9a28c84
commit 09402e2537
No known key found for this signature in database
GPG Key ID: 42AEC43D48433C51
3 changed files with 7 additions and 0 deletions

View File

@ -0,0 +1 @@
Fix scrolling emoji selector in modal in safari ios

View File

@ -105,6 +105,7 @@ const EmojiPicker = {
default: false default: false
} }
}, },
inject: ['popoversZLayer'],
data () { data () {
return { return {
keyword: '', keyword: '',
@ -350,6 +351,9 @@ const EmojiPicker = {
return emoji.displayText return emoji.displayText
} }
},
isInModal () {
return this.popoversZLayer === 'modals'
} }
} }
} }

View File

@ -12,6 +12,7 @@
<span <span
ref="header" ref="header"
class="emoji-tabs" class="emoji-tabs"
v-body-scroll-lock="isInModal"
> >
<span <span
v-for="group in filteredEmojiGroups" v-for="group in filteredEmojiGroups"
@ -78,6 +79,7 @@
<DynamicScroller <DynamicScroller
ref="emoji-groups" ref="emoji-groups"
class="emoji-groups" class="emoji-groups"
v-body-scroll-lock="isInModal"
:class="groupsScrolledClass" :class="groupsScrolledClass"
:min-item-size="minItemSize" :min-item-size="minItemSize"
:items="emojiItems" :items="emojiItems"