deck.gl icon indicating copy to clipboard operation
deck.gl copied to clipboard

[Bug] TextLayer Outline Artifact

Open akre54 opened this issue 1 year ago • 3 comments

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.

Screenshot 2024-07-18 at 3 47 03 PM

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

akre54 avatar Jul 18 '24 19:07 akre54