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.

min-height causes app to always have vertical scrollbar

See original GitHub issue

Steps 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

https://codepen.io/anon/pen/wqGqKb

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
johnleidercommented, Aug 7, 2017

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.

0reactions
lock[bot]commented, Apr 16, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

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