element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11.15k stars 1.99k forks source link

Emoji autocomplete is very slow #15649

Open f0x52 opened 3 years ago

f0x52 commented 3 years ago

Description

When typing text emoticons like :P the whole UI freezes, calculating the possible emoji shortcode completions.

Steps to reproduce

just typing a :P it's not quite 100% reproducible, but rather consistent

Logs being sent: yes

Version information

For the web app:

dbkr commented 3 years ago

Logs being sent: yes

No logs have come in for this yet, although I'm not sure they'd be useful for this

I do see a tiny bit of stuttering when the emoji completions are displayed. How long does the UI freeze for you?

f0x52 commented 3 years ago

whoops forgot to send those, but yeah

according to the performance profiler, it's about 6 seconds, which seems consistent across test as well image

dbkr commented 3 years ago

Wow, looks like the browser is spending 6s doing layout. Is there anything notable about your account or setup that might be causing it do render huge amounts of DOM at that point?

f0x52 commented 3 years ago

It's a rather big account (sync takes ages) but not sure if any of that would be relevant to the emoji picker?

f0x52 commented 3 years ago

Seems it is related to the whole autocomplete UI, as it happens for /command completion as well. Switched to a new session on develop.element.io and it's the same

yannicka commented 3 years ago

@f0x52 are you still experiencing the problem with the most recent versions of Element?

robintown commented 2 years ago

Closing due to lack of info

Benjamin-L commented 2 years ago

I'm still experiencing this on the most recent version any time the autocomplete UI is invoked. One thing that's notable is that I've experienced this behavior on multiple different devices. Two linux machines running firefox and two different macs with firefox. I haven't tested any other browsers.