Symbol layer misaligned with line layer for the same source
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
v3.16.0
### Browser and version
Firefox 145.0
### Expected behavior
The symbol layer should appear exactly on top of the line layer with `'symbol-placement': 'line'`.
### Actual behavior
There is an offset in some cases.
### Link to the demonstration
https://jsbin.com/ropawepuni/edit?output
### Steps to trigger the unexpected behavior
Move the map around if you cannot see the issue after loading the map
### Relevant log output
```shell
```
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 JSBin reproduction in the mapbox-gl-js repository and inspect the rendering path for a symbol layer using 'symbol-placement': 'line' alongside a line layer from the same source. Reproduce the offset while moving the map, then trace the relevant symbol and line rendering entry points. Done means the symbol and line layers remain aligned in the reported cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100