Leaflet / Leaflet/Leaflet.VectorGrid

SVG tile composition artifacts in IE 11

Open
#124 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
676
Forks
202
PR merge metrics
No merged PRs in 30d

Description

This plugin works perfectly together with Mapbox Vector Tiles and Leaflet SVG renderer in modern browsers. Unfortunately, there are some artifacts on tile borders when using IE 11. I'm trying to display polygons with some stroke and transparent fill color. The path strokes are not cropped to real polygon borders but they're also on the tile borders when the polygon is not contained in single tile. Also the transparent fill color is displayed once for each polygon part so the result has higher opacity. Example image here: https://photos.app.goo.gl/mYtFtZSMwXk6rnsA2
Please, do you have any hint if I can fix this somehow? Or is it just broken IE SVG rendering issue? Thanks in advance.

Contributor guide

No contributing guide indexed for this repository

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 by reproducing the issue in IE 11 with Mapbox Vector Tiles and Leaflet's SVG renderer, using the linked example image as the reference. Inspect how the plugin composes polygon parts across tile borders, including stroked paths and transparent fills. Done means the artifacts and excess opacity are absent for polygons spanning multiple tiles, or the limitation is documented if IE 11 SVG rendering is responsible.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
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.