mapbox / mapbox/mapbox-gl-js

When I add a custom layer that uses stencil tests, some line layers are missing.

Open
#12,213 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug :lady_beetle:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

**mapbox-gl-js version**: 2.10.0

**browser**: Microsoft Edge 版本 105.0.1343.27 (正式版本) (64 位)

### Steps to Trigger Behavior

1. map.addLayer(testLayer, "aeroway-line"); // some line layers are missing
2. map.addLayer(testLayer); // line layers are normal

### Link to Demonstration

https://codesandbox.io/s/unruffled-minsky-6e7tpq?file=/index.html

### Expected Behavior

### Actual Behavior
after

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the linked CodeSandbox and reproduce the two cases in index.html: addLayer(testLayer, "aeroway-line") versus addLayer(testLayer). Inspect the custom-layer and stencil-test path reached by the example, then establish the expected rendering behavior and add coverage showing that line layers remain visible when the custom layer is inserted before aeroway-line.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
computer-graphics, frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.