diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-10-08 15:09:24 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-09-18 13:19:52 -0400 |
| commit | 06a636db3732ce2808c54d3b74eb4aabd866dbf6 (patch) | |
| tree | e3d52baf059a838547aa127617fd16353ac5c357 /src/components/emoji_picker/emoji_picker.vue | |
| parent | 9aeffd7634e049123d3ffc8addf9c223652b0bbb (diff) | |
Lazy-load emoji picker in post form
When clicking the reply button, we used to load the whole emoji picker.
This causes a considerable delay even if the user is not going to use
the emoji picker. Now the content of the emoji picker is loaded only
after the user has explicitly opened the emoji picker.
Ref: grouped-emoji-picker
Diffstat (limited to 'src/components/emoji_picker/emoji_picker.vue')
| -rw-r--r-- | src/components/emoji_picker/emoji_picker.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue index ed196066..b92bccd7 100644 --- a/src/components/emoji_picker/emoji_picker.vue +++ b/src/components/emoji_picker/emoji_picker.vue @@ -1,5 +1,7 @@ <template> - <div class="emoji-picker panel panel-default panel-body"> + <div + class="emoji-picker panel panel-default panel-body" + > <div class="heading"> <span class="emoji-tabs"> <span @@ -45,7 +47,10 @@ </span> </span> </div> - <div class="content"> + <div + v-if="contentLoaded" + class="content" + > <div class="emoji-content" :class="{hidden: showingStickers}" |