min-height causes app to always have vertical scrollbar
See original GitHub issueSteps to reproduce
Create an app with a toolbar and v-container
Versions
Latest of everything.
What is expected ?
There should only be a vertical scrollbar when the content exceeds the viewport height.
What is actually happening ?
Since the min-height
of the v-container
is set to 100vh
, there’s always a scrollbar when using a toolbar.
Reproduction Link
Issue Analytics
- State:
- Created 6 years ago
- Comments:8 (3 by maintainers)
Top Results From Across the Web
CSS - Content with 100% min-height creates a vertical scrollbar
I'm trying to create a page with a header with a navigation menu and a content area that fills the rest of the...
Read more >scrollbar-width - CSS: Cascading Style Sheets - MDN Web Docs
The scrollbar-width property allows the author to set the maximum thickness of an element's scrollbars when they are shown.
Read more >How to make a scrollable container with dynamic height using ...
Since content lays vertically on the page by default, I recommend making each container use the vertical (column) flex layout rather than the ......
Read more >CSS fix for 100vh in mobile WebKit
For example, if an element is sized to 100vw and stretches edge-to-edge, that's fine so long as the page doesn't have a vertical...
Read more >Overflow Issues In CSS - Smashing Magazine
If you're a front-end developer, you may have come across horizontal scrollbar issues, especially on mobile. Because there are many causes ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The disabled scrollbar is due to
overflow-y: scroll
. This is a design decision and has been debated heavily since the creation of the framework. However, the last time we spoke of it, I discussed it with the Vuetify devs and backers, and it was in favor of keeping it.On a side note, you can check out https://dev.vuetifyjs.com to see some of the updates that are being worked on for the documentation. I have already updated all of those examples to be a little more clear.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord