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.

[Bug Report] I can't have two navigation drawer

See original GitHub issue

Environment

Vuetify Version: 2.1.13 Vue Version: 2.6.10 Browsers: Chrome 78.0.3904.108 OS: Mac OS 10.15.1

Steps to reproduce

I want to put two v-navigation-drawer, one with v-app-bar and one with v-toolbar

But the two are always fixed to the v-app-bar

Expected Behavior

I hope one is with the v-app-bar and another with the v-toolbar

Actual Behavior

the two v-navigation-drawer are set to the v-app-bar

Reproduction Link

https://codepen.io/frbuceta/pen/XWrzPbd

Other comments

<v-app>
    <v-navigation-drawer clipped app>
        Test app bar
    </v-navigation-drawer>
    <v-app-bar>
        AppBar
    </v-app-bar>
    <v-content>
        <v-navigation-drawer clipped app>
            Test toolbar
        </v-navigation-drawer>
        <v-toolbar>
            Toolbar
        </v-toolbar>
    </v-content>
</v-app>

Issue Analytics

State:
Created 4 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

KaelWDcommented, Jan 22, 2020

This is not currently supported, you cannot have two app components of the same type on the same side. May change in v3 but the markup won’t look like that.

0reactions

frbucetacommented, Jan 21, 2020

something new?

Top Results From Across the Web

[Bug Report][3.0.0-alpha.12] Multiple layout items (e.g. v-app ...

12] Multiple layout items (e.g. v-app-bar & v-navigation-drawer) breaks with nuxt3 SSR; Error: "Layout item "layout-item-0" is missing from layout prop" #14713.

I can't get multiple items to appear as selected in Navigation ...

I got multiple selections to work by returning false from onNavigationItemSelected(). From the Google docs for this return value of onNavigationItemSelected ...

Multiple drawers - React Navigation

Sometimes we want to have multiple drawers on the same screen: one on the left and one on the right. This can be...

Update UI components with NavigationUI - Android Developers

To add a navigation drawer, first declare a DrawerLayout as the root view. Inside the DrawerLayout , add a layout for the main...

Combining Stack, Tab & Drawer Navigations in React Native ...

On a click of this, I want to go to Tab Navigation which I created. It's giving me navigation error even though I...