Scroll active tab header into view in emoji picker

2022-01-08 02:17:59 -05:00 · 2022-01-08 02:17:59 -05:00 · 38861fc6cc
commit 38861fc6cc
parent d9e428ebab
2 changed files with 23 additions and 1 deletions
--- a/src/components/emoji_picker/emoji_picker.vue
+++ b/src/components/emoji_picker/emoji_picker.vue
@ -3,9 +3,13 @@
    class="emoji-picker panel panel-default panel-body"
  >
    <div class="heading">
-      <span class="emoji-tabs">
+      <span
+        ref="header"
+        class="emoji-tabs"
+      >
        <span
          v-for="group in filteredEmojiGroups"
+          :ref="'group-header-' + group.id"
          :key="group.id"
          class="emoji-tabs-item"
          :class="{