[Bug] TextLayer Outline Artifact
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 14.6k
- Forks
- 2.3k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 42
Description
Description
When adding an outline more than say 6 or 7 pixels to a TextLayer, there is a dashed line artifact under many of the characters. This happens with multiple fonts (I tried Helvetica, Monaco, and Inter). This is most pronounced with a larger outlineWidth value.
Behavior seems to have changed between 8.9.0-alpha.2 and 8.9.0-alpha.3 so my assumption is that it might have to do with #7212
Flavors
- Script tag
- React
- Python/Jupyter notebook
- MapboxOverlay
- GoogleMapsOverlay
- CartoLayer
- ArcGIS
Expected Behavior
No response
Steps to Reproduce
See CodePen repro case (forked from TextLayer example)
Environment
- Framework version: Deck 9.0.23. Present in 8.9. 8.8 and below don't have this issue but text is cut off on the left side.
- Browser: Chrome 126
- OS: Mac OS 14.3, Safari 17.3, FireFox 127
Logs
No response
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 CodePen reproduction and compare behavior across the listed Deck versions, especially the 8.9.0-alpha.2 to 8.9.0-alpha.3 change and related issue #7212. Investigate the TextLayer outline behavior for widths above 6–7 pixels in the listed browsers; done means the dashed artifacts are absent without reintroducing the earlier left-side text cutoff.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100