Picking an emoji from the top-5 list doesn't update the usage counter

[smokris]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Steps to reproduce

1. Open a Nextcloud Talk conversation
2. Reset the emoji usage counter:
   • In the browser's developer tools, under Local Storage, delete the emoji-mart.frequently key
   • Refresh the page
3. Use an emoji reaction from the full picker view:
   • Hover over a text message
   • Click the "Add a reaction to this message" button
   • Click the ➕ button to show the full picker view (instead of selecting an emoji from the top-5 list)
   • Select an emoji that isn't on the top-5 list (for example, 👾)
   • Notice that the emoji-mart.frequently key now includes the selected emoji with value 1 ("space_invader":1) — good
   • Repeat, and notice that the counter increments each time you pick the emoji from the full picker view — good
4. Use an emoji reaction from the top-5 list:
   • Hover over a different text message
   • Click the "Add a reaction to this message" button
   • Notice that the emoji you selected in step 3 is currently 5th in the top-5 list, since it was the most-recently-used emoji (not because of its usage counter)
   • Use the same emoji reaction again, but this time select it from the top-5 list

Expected behaviour

Regardless of which view I pick the emoji from (the top-5 view or the full picker view), it should increment the usage counter — that is, in the emoji-mart.frequently object, the value should increase from 1 to 2, and so on.

By repeatedly using an emoji, it should eventually make it into the top-5 list due to frequent usage.

Actual behaviour

When I pick the emoji from the top-5 list, it does not update the usage counter — so, even though I'm using it frequently, it only ever appears in the 5th (most-recently-used) slot.

Talk app

Talk app version: 23.0.1

Custom Signaling server configured: yes, 2.1.0

Custom TURN server configured: yes

Custom STUN server configured: yes

Browser

Microphone available: yes

Camera available: yes

Operating system: macOS 26

Browser name: I was able to reproduce this bug in both Firefox 148 and in Nextcloud Talk Electron 2.1.1.

Server configuration

Operating system: Debian

Web server: Apache

Database: Maria

PHP version: 8.4

Nextcloud Version: 33.0.0

[Antreesy]

Requires nextcloud-libraries/nextcloud-vue#8288, then emojiAddRecent() can be manually called from other places aside from EmojiPicker