aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-06-29 11:40:33 -0400
committertusooa <tusooa@kazv.moe>2023-06-29 11:40:33 -0400
commitbf5bd4235d9de636566ba804580136cfd58980a0 (patch)
tree64b72c7da46cb07fef377e7d9d8643ecadf94066
parent09402e2537e0c43c52bd8345301885647e841ed1 (diff)
Comment the v-body-scroll-lock usage in code
-rw-r--r--src/components/emoji_picker/emoji_picker.vue6
1 files changed, 6 insertions, 0 deletions
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
index 3e77d523..aacd7a22 100644
--- a/src/components/emoji_picker/emoji_picker.vue
+++ b/src/components/emoji_picker/emoji_picker.vue
@@ -12,6 +12,11 @@
<span
ref="header"
class="emoji-tabs"
+ <!--
+ Body scroll lock needs to be on every scrollable element on safari iOS.
+ Here we tell it to enable scrolling for this element.
+ See https://github.com/willmcpo/body-scroll-lock#vanilla-js
+ -->
v-body-scroll-lock="isInModal"
>
<span
@@ -79,6 +84,7 @@
<DynamicScroller
ref="emoji-groups"
class="emoji-groups"
+ <!-- Enables scrolling for this element on safari iOS. See comments for header. -->
v-body-scroll-lock="isInModal"
:class="groupsScrolledClass"
:min-item-size="minItemSize"