q-menu in vue-fullscreen

[KunalChoudhary]

I have a q-menu in my quasar app. I am using vue-fullscreen to make my app go full screen. In fullscreen q-menu is not visible, I can see that it is in the DOM but not visible. Is there a way to solve this? Or is there any alternate to q-menu? Its a bit of urgency. Thanks in advance!

[dobbel]

@kunalchoudhary

You want fullscreen , you’ll get fullscreen. Fullscreen is without menu. If you want a way to navigate in fullscreen mode you’ll have to create you own navigation. Maybe a Qfab/QFabActions opening the Qmenu containing navigation + Qsticky inside the full screen page?

See:
https://quasar.dev/vue-components/floating-action-button#With-QPageSticky

[Ilia]

@kunalchoudhary You maybe need to have a look at z-index? Maybe that’s the one playing with you? It’s hard to say without the details though or jsfiddle example…