question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Canvas renderer obscure other interactive overlays

See original GitHub issue

A side effect of #3946.

If a vector feature rendered in a <canvas> is partially overlapping some other overlay layer (e.g. an image overlay), then the canvas will capture all events, and will take precedence when it comes to the mouse pointer (i.e. mouse pointer doesn’t change to the “hand with finger” when hovering the partially overlapped overlay).

Wondering about the real impact of this, given that nowadays the SVG renderer is supported in all major browsers and canvas is seldom used.

Issue Analytics

  • State:open
  • Created 8 years ago
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
sghaskellcommented, May 20, 2019

I’ve just run into this one. Canvas gives a nice performance boost over SVG when rendering lots of layers. Unfortunately, this kills the ability to stack/prioritize panes using zIndex while maintaining mouse interaction. The SVG renderer can cripple the browser really quickly which makes the map useless.

1reaction
ud09commented, Aug 29, 2018

Any plans to fix this ? I am using 1.3.1 and mouse events are not propagated if the canvas pane z-index is bigger, even outside the layers of the canvas. As described in #4378

Read more comments on GitHub >

github_iconTop Results From Across the Web

Canvas renders only on the Display 1 when it's set to Screen ...
The Canvas is rendered on the second and other displays only when the Canvas is using the Screen Space - Overlay Render Mode....
Read more >
Canvas in front of objects - Unity Answers
I'm making a pickup inventory system, but when I instantiate a canvas, i can't see it because it is hidden behind the scene...
Read more >
Optimize HTML5 canvas rendering with layering
Since the ball and obstacle regions overlay the hills and the ground, these entities can be grouped into one layer called the interactive...
Read more >
Why is my canvas being rendered underneath everything?
Set the render mode of your camera to "Screen Space - Overlay". That way it will always be on-top of the actual game...
Read more >
Rendering overlays with the Unity plugin - VIVE Wave SDK
I am using world-space UI. Which is why that UI can be obscured by other scene geometry and why I need to make...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found