Sporadic and Inconsistent text-garbling error on zoom/navigation
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
I am using mapbox-gl-js in an electron application, with webpack and react.
I am facing an error where, inconsistently, the place labels layer appears to become corrupted, when navigating with the mouse.
Unfortunately due to the complexity of the project i am unable to recreate this in a demonstration repo, so i cannot be sure if it is an issue with mapbox or not. Though i have made attempts to strip down the application, this has not resolved the error or given any further clues.
Once the corruption happens (as shown below) no attempts to remount the component, remove() the map, reload the style or clear the electron windows cache resets the issue.
The only way to reset the map, is to restart the electron application.
No errors are fired in map.on("error").
Because i cannot be sure if it mapbox or not, i would appreciate if there is a way for _me_ to try and diagnose if the issue is with mapbox, and/or a way to reset the place labels layer or styles periodically without having to close the application.
**mapbox-gl-js version**: 2.2.0
**browser**: Electron 9.0.5 -> webpack 4.43.0 -> react 16.13.1
### Steps to Trigger Behavior
1. Load mapboxgl.Map
2. Navigate or zoom with mouse. Sometimes jerking around the mouse while navigating and zooming at the same time.
### Link to Demonstration
Unable to recreate the error
### Expected Behavior
No corruption of place labels
### Actual Behavior

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 mapboxgl.Map and the reported Electron 9.0.5, webpack 4.43.0, and React 16.13.1 setup, then exercise mouse navigation and zooming as described. Check map.on("error") while comparing the corrupted place-label rendering with the expected behavior. Done means isolating a reproducible cause or minimal demonstration and defining a way to recover without restarting the Electron application.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- electron, react, typescript, webpack
- Domain
- desktop, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100