[Bug] Horizontal lines flicker and/or disappear with ESRI SceneView

Open
#6,858 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript

Research direction

Start with the linked CodePen and the DeckLayer/DeckRenderer for ArcGIS path, reproducing the flicker in Chrome with ESRI SceneView while zooming. Compare one-pixel lines with wider lines and confirm that horizontal lines remain visible and stable when the issue is fixed.

Written by the indexing model from the issue text.

Description

bug
Description

Here is a quick code pen that displays four horizontal lines with ESRI SceneView and deck.gl. An example image of it working properly is below.
good

However, every so often on the zoom end a line will disappear like the image below (red line is now missing). Lines also flicker while zooming.
missing_red_line
.

Flavors
  • React
  • Python/Jupyter notebook
  • MapboxLayer
  • GoogleMapsOverlay
  • CartoLayer
  • DeckLayer/DeckRenderer for ArcGIS
Expected Behavior

Lines not flickering or disappearing

Steps to Reproduce

Visit this code pen and zoom in/out. The horizontal lines will flicker. Every so often, when you stop on a certain zoom level, one or more lines will completely disappear.

This flickering can be mitigated with the pixel width greater than 1. The disappearing of horizontal lines can be completely eliminated when pixel width is greater than one. This problem does not exist when running deck.gl without a basemap.

Environment
  • Framework version: 8.7.8
  • Browser: Chrome 100.0
  • OS: Red Hat 8.5 and Mac OS
Logs

No response

Dominant language
TypeScript
Stars
14.6k
Forks
2.3k
Avg merge
2d 9h
Merged PRs (30d)
42

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.

More from visgl/deck.gl

All issues in visgl/deck.gl

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.