Canvas renderer obscure other interactive overlays
See original GitHub issueA 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:
- Created 8 years ago
- Comments:9 (1 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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.
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