search

mattermost / mattermost-mobile

Next generation iOS and Android apps for Mattermost in React Native
https://about.mattermost.com/
Apache License 2.0
2.27k stars 1.38k forks source link

Emoji picker freezes whenever called, custom emoji button doesn't work correctly. #8235

Open AnasDevO opened 2 months ago

AnasDevO commented 2 months ago

Summary

Emoji picker freezes whenever called, custom emoji button doesn't work correctly.

Environment Information

Steps to reproduce

Just go to custom status and press emoji picker. then, click on custom emoji tab.

Expected behavior

Emoji picker appears, and when custom emoji tab is pressed, it will scroll down to custom emoji section.

Observed behavior (that appears unintentional)

Emoji picker will freeze when you press on custom emoji tab, and when interacting further with the emoji picker, it will begin to fetch emojis very slowly, refreshing the list every second. The Fetch is also not cached (assumption), and will be re-fetched every time emoji picker is called. Also, there's is a chance the app not close the emoji picker even when put down, and will keep only the emoji picker reactive (couldn't video that behavior.)

https://github.com/user-attachments/assets/328e8c7a-a4cc-4851-9425-df5cc963126d

Possible fixes

I do not have any idea how this can be fixed, but i do suggest that the emoji picker async-fetch emojis during the app start, and caches the component instead of refreshing it every time (even when no new emoji has been added!)..

muhammadashfaq commented 1 month ago

@amyblais I want to take on this issue. Please create a ticket and assign to me.

amyblais commented 1 month ago

Ticket: https://mattermost.atlassian.net/browse/MM-60981