moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog.d/scroll-emoji-selector-safari.fix Normal file
View File

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

4
src/components/emoji_picker/emoji_picker.js
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'
} }
} }
} }

2
src/components/emoji_picker/emoji_picker.vue
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"