element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
Apache License 2.0
10.9k stars 1.92k forks source link

Consider supporting touchscreens a bit better #13526

Open turt2live opened 4 years ago

turt2live commented 4 years ago

One case where this goes wrong is that context menus open where the mouse is instead of where the long press was

WillPittenger commented 4 years ago

I also just noticed another case: I saw the red underlining for a misspelled word. Since I'm now running version 1.6 of the Windows desktop client, I tried to long tap to get a list of suggestions. But Riot is treating my long tap as a double click and selecting the word. The menu listing suggestions never appears.

WillPittenger commented 4 years ago

Not sure if this should be a meta issue with separate child issues for each of touch screen bug.

ell1e commented 2 years ago

Fwiw, on the PinePhone this is the only way to use Element right now and it's kind of rough but almost there/very promising. Here is what I ran into:

Half-and-Xat commented 1 year ago

Coming from Librem 5 and installed the Debian version of Element. Everything works fine except what @ell1e said about shrinking rooms/chats and also except scrolling via scroll bar.

A short touch of touchscreen is a left click. A long touch is a right click (hold down). But scrolling bar and resizing rooms/chats can only be done with long left click. This way touch input has no access to that slider elements.

However, it is also inconsistent between different slider elements. On the rooms panel there is a slider below the rooms that can hide rooms above, if you slide it up. You can do that with left and with right click (and drag up). Implementing same to scroll bar and rooms/chats horizontal slider would make the overall design more consistent, but also would fix touch input issues.

The scroll bar is a low priority issue since there is also another way to scroll (drag the chat panel up and down), but to shrink the rooms/chats is more critical. People who can't work around this have not enough horizontal space on small screens (720px horizontal or even less) to read the chat without troubles.