Dark overlay when switching style to Standard Satellite with low fadeDuration
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
**mapbox-gl-js version**: 3.7.0
**browser**: Chrome 130.0.6723.92 (64-bit)
### Steps to Trigger Behavior
1. Initialize the map with a low `fadeDuration` (0)
2. Change style to Standard Satellite using `setStyle`
3. Observe that there is a dark overlay on top of the map
4. Click on the map canvas
5. Observe that the overlay disappears
6. Set fadeDuration to a high number (100)
7. Observe that the bug does no longer occur
### Link to Demonstration
https://jsfiddle.net/pkhalle/km3r6tc7/
### Expected Behavior
There is no dark overlay after switching style.
### Actual Behavior
There is a dark overlay after switching style.
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 linked JSFiddle and reproduce the issue in mapbox-gl-js 3.7.0 using fadeDuration 0, then switch to Standard Satellite with setStyle. Compare the behavior with fadeDuration 100 and confirm that the dark overlay disappears without requiring a canvas click; done means switching styles leaves no overlay.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100