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.

[Feature Request] Scroll Bar in full-page desktop app

See original GitHub issue

Steps to reproduce

Versions

“vue”: “^2.3.3”, “vuetify”: “^0.12.7”,

What is expected ?

scroll-bar should not be visible when there is no overflowing. dialogs should not interfere with html padding

Why is it a problem ?

I’m trying to use vuetify within electron (full-screen desktop app with fixed header and footer).

image

the scroll-bar is not desired here.

What is actually happening ?

importing ../../node_modules/vuetify/src/stylus/main sets

html {   overflow-y: scroll; } 

looks like the reset style ress is doing it.

Further, if I override with html { overflow-y: auto; } I can remove the scroll-bar, but opening any menu appears to add a fixed right margin in place for the scroll-bar (which is hidden) to the body

Reproduction

https://vuetifyjs.com/layout/elevation

vuetify webpack advanced template

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:33
  • Comments:24 (10 by maintainers)

github_iconTop GitHub Comments

30reactions
johnleidercommented, Feb 2, 2018

That’s a fair comment, something I had not considered. Not something that we can address before launch, but I think we should at least be able to compensate for it in the future.

28reactions
johnleidercommented, Sep 1, 2019

This is part of the design of Vuetify. You can simply add custom css to remove the automatic html overflow.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Windows] Remove scroll bar in Windows desktop preview
Can we get rid of or have the option to disable the scroll bar on desktop preview for mobile app designs, it blocks...
Read more >
Support Request: Scroll bar issue IE/Chrome - SiteKiosk
This site needs to display fullscreen with the users info listed at the bottom right with no scrollbars. I can achieve this with...
Read more >
Full Screen, Stop Edge "Scroll" and minimise menu
Feature Request : Full Screen, Stop Edge "Scroll" and minimise menu ... 1) Would it be possible to make the app full screen?...
Read more >
::-webkit-scrollbar - CSS: Cascading Style Sheets | MDN
The ::-webkit-scrollbar CSS pseudo-element affects the style of an element's scrollbar when it has overflow:scroll; set.
Read more >
Fullpage Documentation - Alvaro Trigo
This is ideal for footers. It is important to realise that it doesn't make sense to have all of your sections using this...
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