Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][2.6.7] Navigation Drawer v-main auto resize failed #15531

Closed
changemyminds opened this issue Jul 28, 2022 · 2 comments
Closed

[Bug Report][2.6.7] Navigation Drawer v-main auto resize failed #15531

changemyminds opened this issue Jul 28, 2022 · 2 comments

Comments

@changemyminds
Copy link

changemyminds commented Jul 28, 2022

Environment

Vuetify Version: 2.6.7
Vue Version: 2.6.14
Browsers: Chrome 103.0.0.0
OS: Windows 10

Steps to reproduce

  1. click navigation drawer pushpin to hidden

Expected Behavior

v-main content auto resize.

Actual Behavior

v-main content doesn't auto resize.

bugs

Reproduction Link

https://codepen.io/changemyminds/pen/VwXMoRR?editors=1010

Other comments

I see this bug is start at v2.6.2 version.

The v2.6.2 version about Navigation Drawer issue is

  1. VNavigationDrawer: always bind mouseover events (fix(VNavigationDrawer): always bind mouseover events #14523) (03e683f), closes [Bug Report][2.4.7] Navigation Drawer - expand-on-hover, mini-variant and v-main width #13309

If you downgrade version to v2.6.1, just change the codepen js setting to https://cdn.jsdelivr.net/npm/vuetify@2.6.1/dist/vuetify.min.js everything is work fine.

fixedbugs

Is fixed the #13309 caused this bug ?

Related issue #14585

@MartinX3
Copy link

MartinX3 commented Oct 2, 2022

Still an issue with v2.6.10 using widht='auto' and list with extending sub menus with large text.

My workaround:

<v-list-group v-if="it.children.length" :key="it.id" :prepend-icon="it.icon" :value="it.expanded" @click="workaround">
<v-list-group v-if="childIt.children.length" :key="childIt.id" no-action sub-group @click="workaround">
const workaround = () => {
    setTimeout(() => emits('input', !props.value), 350)
    setTimeout(() => emits('input', !props.value), 350)
}

@MorningLightMountain713

Still an issue in v2.6.13

Just downgraded to 2.6.1 to get this to work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants