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.

Remove overflow-y from html element

See original GitHub issue

Steps to reproduce

Use Vuetify.

Versions

Latest of everything.

What is expected ?

html element to have no overflow-y set or overflow-y: auto

What is actually happening ?

html element has overflow-y: scroll, which forces a scrollbar to always be present.

Reproduction Link

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

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:9
  • Comments:13 (4 by maintainers)

github_iconTop GitHub Comments

40reactions
CharlesOkwuagwucommented, Aug 30, 2017

Hi, maybe we should include an example of how best to disable the scrollbar, for those who need it, as part of the FAQ.

Presently, the FAQ Question:

The scrollbar is showing even though my content is not overflowing vertically.

has as this Answer:

Vuetify by default turns on the html scrollbar. This is a design choice and has been debated numerous times. There are pros and cons to having and not having it and as of now, the vote is in favor of leaving it as is.

The present answer does help those looking for HOW to disable the scrollbar

17reactions
johnleidercommented, Aug 4, 2017

After speaking with the backers and devs, the consensus is to leave it as it is and allow the user to change it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to remove overflow: auto property? - css
The Answer is very simple set empty value to the overflow property that is enough. <div ...
Read more >
How To Hide Scrollbars With CSS - W3Schools
Add overflow: hidden; to hide both the horizontal and vertical scrollbar. Example. body { overflow: hidden; /* Hide scrollbars */ }.
Read more >
Overflowing content - Learn web development | MDN
This lesson introduced the concept of overflow. You should understand that default CSS avoids making overflowing content invisible.
Read more >
How to Unset CSS Overflow Using JavaScript when Sticky ...
Open your dev tools and type in overflow in the search filter for the CSS panel. Finding the overflow property using the browser...
Read more >
overflow - CSS-Tricks
The opposite of the default visible is hidden. This literally hides any content that extends beyond the box. This is particularly useful in...
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