react-leaflet icon indicating copy to clipboard operation
react-leaflet copied to clipboard

Tooltip flickering on markers list rerendering

Open lluisd opened this issue 1 year ago • 2 comments

Bug report in v4

  • [x] All peer dependencies are installed: React, ReactDOM and Leaflet.
  • [x] Using the latest version of React and ReactDOM v18.
  • [x] Using the supported version of Leaflet (v1.8.0 minimum) and its corresponding CSS file is loaded.
  • [x] Using the latest v4 version of React-Leaflet.
  • [x] The issue has not already been reported.
  • [x] Make sure you have followed the quick start guide for Leaflet.
  • [x] Make sure you have fully read the documentation and that you understand the limitations.

Expected behavior

When markers are redendered with permanent tooltips I don't expect a flickering/flashing tooltip replaced for the new one.

Actual behavior

When markers are redendered the tooltips blink/flicker to be replaced by the new ones.

Steps to reproduce

make some state that rerenders the map with markers with tooltips inside.

live example by selecting some marker which rerenders the markers again and tooltip blinks: https://pumptrackmapapp.azurewebsites.net/

code: https://github.com/lluisd/pumptrack-map/blob/main/components/Map/Map.js

lluisd avatar Nov 25 '22 17:11 lluisd