[Feature Request] Scroll Bar in full-page desktop app
See original GitHub issueSteps to reproduce
- open https://vuetifyjs.com/layout/elevation
- or run vuetify webpack advanced template
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).
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:
- Created 6 years ago
- Reactions:33
- Comments:24 (10 by maintainers)
Top 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 >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
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.
This is part of the design of Vuetify. You can simply add custom css to remove the automatic html overflow.