mapbox / mapbox/mapbox-gl-js

When glyphs fail to load, there is a problem with rendering the layer (line)

Open
#13,026 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

auto-triaged 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: v2.15.0 - v3.0.1

browser: Chrome

Steps to Trigger Behavior
  1. Create a map
  2. Add geojson data source
  3. Add line layer
  4. Add symbol layer
Link to Demonstration

https://codepen.io/sakitam-fdd/full/MWxwKqa

image

Expected Behavior

When font loading fails, layers other than text should be rendered normally

image

Actual Behavior

In fact, by default, the line layer is not rendered and there are errors in rendering during the layer scaling process

image

image

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

Start with the linked CodePen reproduction in Chrome using mapbox-gl-js v2.15.0–v3.0.1, following the listed GeoJSON, line-layer, and symbol-layer steps. Compare the expected and actual behavior when font loading fails; done means non-text layers, especially the line layer, render normally without the reported scaling errors.

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
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.