[Bug] PathStyleExtension + GeoJsonLayer causes the dashes to move while zooming
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 14.6k
- Forks
- 2.3k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 42
Description
Description
If you use the PathStyleExtension on a GeoJsonLayer instead of a PathLayer, the dashes move while you zoom. This also occurs on MVTLayers. It's very noticeable while using a smooth scrolling device (eg. trackpad)
https://github.com/user-attachments/assets/58618b18-20f7-4683-a953-b987f0aa52a0
Flavors
- Script tag
- React
- Python/Jupyter notebook
- MapboxOverlay
- GoogleMapsOverlay
- CARTO
- ArcGIS
Expected Behavior
Expected behaviour: https://codepen.io/dk710/pen/RNWvyEK?editors=001
Steps to Reproduce
Problematic Behaviour: https://codepen.io/dk710/pen/empxrbX?editors=001
Environment
- Framework version: 9.1.14
- Browser: chrome
- OS: MacOS
Logs
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the PathStyleExtension implementation and the GeoJsonLayer and MVTLayer entry points, then compare the problematic and expected CodePen reproductions while zooming. Trace how dash styling is handled for these layers versus PathLayer; done means dashes remain stationary during smooth zooming in the provided reproductions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- data-visualization
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100