Skip to content

[Bug Report][2.4.7] Navigation Drawer - expand-on-hover, mini-variant and v-main width #13309

Closed
@jd-solanki

Description

Environment

Vuetify Version: 2.4.7
Vue Version: 2.6.12
Browsers: Chrome 89.0.4389.90
OS: Linux x86_64

Steps to reproduce

  1. Hover over navigation drawer
  2. Click on plus icon to expand navigation drawer (Working as expected)
  3. Click again on minus icon to collapse it (make it mini and enable expand on hover - Main content should update according to navigation drawer width)

Expected Behavior

When we click on minus icon. Navigation menu should collapse and v-main should get more width as navigation have less width.

Also when navigation drawer is collapsed it should have expand on hover functionality.

In short, when navigation drawer is collapsed it can be viewd as full on hover. And width of v-main should update according to width of navigation drawer except navigation drawer is mini and user hovers it for temporary view.

Actual Behavior

v-main is not adapting remaining space when we collapse the navigation drawer again.

Reproduction Link

https://codepen.io/jd-0001/pen/JjEPRqY?editors=101

Other comments

Expected behavior: https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/demo-1/dashboard/analytics

Check pinning the navigation drawer and content area width according to width of navigation drawer.

Metadata

Assignees

Labels

C: VNavigationDrawerS: has PRThe issue has a pending Pull RequestT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions