question-mark
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] Navigation drawer hidden with permanent

See original GitHub issue

Versions and Environment

Vuetify: 1.3.8 Last working version: 1.2.4 Vue: 2.5.16 Browsers: Chrome 70.0.3538.77 OS: Mac OS 10.14.0

Steps to reproduce

Put a navigation drawer inside of a dialog with permanent property.

Expected Behavior

Nav drawer to be always visible.

Actual Behavior

When closing the dialog and re-open it, the nav-drawer is hidden.

Reproduction Link

https://codepen.io/blaydator/pen/RqVeVj

Other comments

Workaround :

<v-navigation-drawer
  style="transform: translateX(0) !important;"
  permanent>

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
JulienAraminocommented, Jun 19, 2020

style=“transform: translateX(0) !important;visibility: visible !important;” is working

1reaction
crThiagocommented, May 20, 2021

The same bug happens when there is a navigation drawer nested within another navigation drawer, but style = "transform: translateX (0)! Important; visibility: visible! Important;" solve!

https://codepen.io/crthiago/pen/LYWbBXp

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Messages] Navbar and statusbar problem when opening navigation ...
The navbar and statusbar has some semi transparent tint that overlays the navigation drawer and right dark area. This leads to poor UX....
Read more >
Some Settings Bug - OnePlus Community
@the_o2 said: Long press homescreen -> Settings -> scroll down -> hidden space.Or tryFrom apps drawer, swipe to the right starting from the...
Read more >
Navigation drawers - Vuetify.js
Permanent floating drawer. A navigation drawer can be placed inside of a card and float over the content background.
Read more >
Hide the status bar - Android Developers
It's easier to maintain and less error-prone than setting a flag programmatically. · It results in smoother UI transitions, because the system ...
Read more >
Vuetify - Fixed NavigationDrawer with absolute Footer leaves ...
[Bug Report] v-footer leaves v-navigation-drawer too short when inset #4686. See this github issue, I believe you have found a bug that has ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found