keplergl / keplergl/kepler.gl

[Bug][Firefox] Additive layer blending results in wrong colour in image export

Open
#2,591 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
12k
Forks
2k
Avg merge
1d 5h
Merged PRs (30d)
66

Description

**Describe the bug**
When using the layer blending mode as "additive", going on "Share > Export Image" will sometimes result in the wrong colours in Firefox. Tried with Chrome and I was able to get a successful export each time.

For example, pink becomes purple and blue becomes green.

**To Reproduce**
Steps to reproduce the behaviour:
1. Upload a CSV file with point data in Firefox
2. Set blending mode to additive
3. Export the image

**Expected behaviour**
Exports with the correct colours.

**Screenshots**
![image](https://github.com/user-attachments/assets/4e4cf0bc-b3a6-4c2c-bebf-00d145353640)
![image](https://github.com/user-attachments/assets/a256af35-0062-4e6f-a294-708748315ef9)
![image](https://github.com/user-attachments/assets/d8682d58-5225-4cc8-83fb-dfbe9bc0b8e3)

**Desktop (please complete the following information):**
- OS: Windows
- Browser: Firefox
- Version: 128

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the issue in Firefox 128 on Windows: upload CSV point data, set the blending mode to additive, and use Share > Export Image. Compare the exported colours with Chrome and the screenshots in the issue. Done means additive exports preserve the expected colours in Firefox, including pink and blue.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
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.