search

zcreativelabs / react-simple-maps

Beautiful React SVG maps with d3-geo and topojson using a declarative api.
https://www.react-simple-maps.io/
MIT License
3.11k stars 426 forks source link

Zoom end on panning behavior renders blurry svg #340

Closed mcioffi closed 11 months ago

mcioffi commented 1 year ago

Description

Panning on a Zoomable entity map keeps the svg map blurred, until a click event triggered, but onMoveEnd, it should automatically render without blur as the user stopped panning/dragging.

Steps

  1. Go to the existing ZoomableGroup docs
  2. Use the existing codesandbox, e.g. here
  3. Zoom as much as possible, and/or edit the sandbox to configure higher zoom values,
  4. Notice on pan or drag, the svg map remains blurred, until a click event is triggered

Impact

Appears this happens with any geo projection with ZoomableGroup? Have tried others, e.g. with project=geoMercator set

Canada https://gist.githubusercontent.com/Brideau/2391df60938462571ca9/raw/f5a1f3b47ff671eaf2fb7e7b798bacfc6962606a/canadaprovtopo.json

USA https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json

mcioffi commented 11 months ago

Only isolated to Firefox, closing ticket, thanks!