svelte-material-ui icon indicating copy to clipboard operation
svelte-material-ui copied to clipboard

Published 20 hours ago • verified publisher icon hperrin

Slider doesn't work correctly under when CSS zoom property is used - mouse position not synced correctly

Open elirov opened this issue 2 years ago • 0 comments

Describe the bug when setting zoom level via CSS, slider dragging doesn't match up with the position of the mouse

To Reproduce Steps to reproduce the behavior:

  1. Go to https://sveltematerialui.com/demo/slider/
  2. Open Console
  3. run document.body.style.zoom = '120%'
  4. Try sliding the value - the circle doesn't match the mouse pointer

Expected behavior Expected zoom levels to work correctly. For example, see https://svelte.dev/repl/e93d43c42b434e3aa3e2a5815f805c75?version=3.22.3 This slider works correctly under different zoom levels

elirov avatar Dec 28 '22 17:12 elirov