Distance expression colors fill feature into different colors
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
when using a distance expression on a fill layer the feature will have different colors when boath polygons (this feature and this from the expression) overlapped each other.
mapbox-gl-js version: 3.0.0 beta1
browser: chrome
Steps to Trigger Behavior
- zoom in
- see that color went from green to green and red
Link to Demonstration
https://jsfiddle.net/cfny1Lga/
the black area is this feature from the expression
Expected Behavior
fill feature would be green on zoom in
Actual Behavior
fill feature would be green and red
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
Reproduce the report in the linked JSFiddle using mapbox-gl-js 3.0.0-beta1 in Chrome, focusing on the distance expression on the fill layer while zooming. Compare the rendered colors with the expected solid green behavior; done means overlapping polygons remain green rather than splitting into green and red.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- computer-graphics, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100