What is the correct hierarchy when you're combining a screen view with a app bar & nav drawer

Question

So the issue is the following, I've created an basic app setup for my project which contains three components at this time (in hierarchy follow):

- App bar
- Screen view
       Screen 1
            Tab Component
- Nav Drawer

The issue is that when I'm opening the nav drawer I'm not able to click on one of the list items because my tab view seems to be still active. So my question is if this appears to be a bug or if I'm doing something wrong. This worked in the open repo version

Answer 1

This seems to be a bug caused by the Canvas component on the ScreenView, making it block clicks on the navdrawer.

I'll get to work on fixing it now so it should be in a patch release coming asap, but for now, you can work around it by sticking a canvas component (and graphic raycaster component) on the navdrawer.

Comments

Thank you, for the work around. Now I can continue my project