Sometimes the "focus-marker" gets clicked. In this situation,
it will trigger an open, and then a close, because the original
focus-marker was removed from the dom, so $el.contains() no
longer thinks the marker is part of the trigger! We replaced the
v-if with v-show to resolve this problem.
In this way, after the user clicked with a pointer and moved that
pointer away, the focus marker will no longer show a focused style.
As Safari remains the only major browser engine that does not support
:focus-visible, a fallback to :focus is used if there is no browser
support for :focus-visible.
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
Now, the following badges will be added:
0: (+) sign to reply, favourite, repeat, react and extra buttons
1: (-) sign to unfavourite and unrepeat
2: (x) sign to close reply form, close react popover, and close extra buttons popover
3: Check mark to favourited and repeated statuses
https://git.pleroma.social/pleroma/pleroma-fe/-/issues/1092
* from/develop/tusooa/grouped-emoji-picker: (34 commits)
Fix emoji picker lint
Fix emoji picker lint
Tweak efficiency when changing filter keywords in emoji picker
Use trimmed keyword for filtering emojis
Limit the width of unsupported multichar emojis
Make emoji picker work with vue3
Make StillImage react to src changes
Lint
Add English translation for unicode emoji group names
Add icons for unicode emoji groups
Make emoji picker use grouped unicode emojis
Generate grouped unicode emojis from unicode-emoji-json
Scroll active tab header into view in emoji picker
Clean up emoji picker css
Use StillImage to render emojis in emoji picker
Fix error on emoji picker first load
Group emojis only by pack and remove pack: prefix
Lint
Lazy-load emoji picker in post form
Fix sticker picker heading tab
...
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
