react-map-gl icon indicating copy to clipboard operation
react-map-gl copied to clipboard

[Bug] Zoom “jumps” on touchpad scroll in controlled viewState with MapLibre

Open jen-Ya opened this issue 7 months ago • 0 comments

Description

When using controlled viewState with MapLibre (as in examples/maplibre/side-by-side), touchpad scroll-zoom stutters: pausing the scroll by lightly resting your fingers, then resuming, causes the zoom to jump.

You can see the flicker in the screenrecording right after the zoom-out/zoom-in pauses:

https://github.com/user-attachments/assets/25a14c3c-5d3f-49c7-bf55-3ae7906b16ff

Expected Behavior

Zoom should continue exactly from the paused level, with no sudden jumps.

Steps to Reproduce

Run examples/maplibre/side-by-side.

On either map perform a two-finger scroll to zoom and release the touchpad to continue scrolling.

Pause midway by touching the touchpad lightly, then continue scrolling.

Environment

  • Framework version: 8.0.4
  • Map library: Maplibre 5.5.0
  • Browser: Firefox 138, Chrome 135, Safari 18.3
  • OS: macOS Sequoia 15.3.1

Logs

No response

jen-Ya avatar May 19 '25 14:05 jen-Ya