element-hq / element-call

Group calls powered by Matrix
https://call.element.io
GNU Affero General Public License v3.0
558 stars 89 forks source link

Volume slider doesn't drag in Safari #540

Open dbkr opened 2 years ago

dbkr commented 2 years ago

Steps to reproduce

  1. Enter a call
  2. Click on the volume icon of a stream to open the volume adjustment dialog
  3. Try to drag the handle of the volume slider

Outcome

What did you expect?

Handle drags up & down the slider

What happened instead?

Handle doesn't move (but does move to where you click on the slider)

Operating system

macOS 12.5

Browser information

Safari 15.6

URL for webapp

No response

Will you send logs?

No

dillfrescott commented 2 years ago

Where is this volume slider? I cannot find it for the life of me on desktop!

dillfrescott commented 2 years ago

Found it! Kindly disregard!

dbkr commented 1 year ago

Had a look at this briefly but nothing's leaping out. Tried removing the styling, event listener and the initial value and it still breaks.

In more detail, broken behaviour is that instead of dragging, you click once on the handle or anywhere on the range input and then the handle moves with your cursor along if you move horizontally along the input. If you move off vertically and back on again, it will snap to your cursor position.

Next guess would be that it's something to do with it being in the aria modal and the focus lock confusing mouse events somehow.