Z-Stack Static Nav Bar Issue

[JessUVR]

Hi everyone!

Does anybody have any experience with embedding the Model-Viewer component into a webpage with a fixed nav bar?

I am currently trying to create an AR Menu for a friend's restaurant and everything's was good until I added the Nav-Bar.
As I click on a dropdown menu I added the model seems to be higher on the Z-Stack hierarchy.

You need to use a phone in order to see the issue:
https://t0zyd9.csb.app/

Has anybody done something similar in the past?

[JessUVR]

This is the outcome I'm getting.

[elalish]

That is odd. Have you looked in dev tools yet? MV should respect CSS z-layer like any other div. Can you repro if you replace MV with an <img> tag?

[JessUVR]

Hi elalish!, Yes sir, I have looked in already, but couldn't find anything related to z-layer. As you can see in the two screenshots I'm sending to you in this message, when I add and <img> tag, the z-layer hierarchy is being respected.