vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.68k stars 6.95k forks source link

[Feature Request] custom vertical & horizontal scrollbars #5196

Closed musasoftlabx closed 2 years ago

musasoftlabx commented 5 years ago

Problem to solve

Proposed solution

JojoMig commented 5 years ago

Hi, for general use I've replaced the native scrollbar with the package Vuebar from Dominik Serafin, which uses a Vue directive to wrap the content you want to scroll, pretty neat for most Vuetify components that allow you to add your own literal string templates as content like v-dialog etc...

Some Vuetify components tho, can't have the native scrollbar themed like the v-combobox or v-select for instance due to theirs DOM element hierarchy..

Its a theoretical very rough idea, but since Vuebar has some Customization Options, it would be nice to implement a very similar concept for instance on the v-combobox return of the list of items generator where either the genlist return would be a wrap of the Vuebar Markup Wrapper, or to Wrap the genlist return.

Cheers

fnoop commented 5 years ago

Will this work to wrap a v-card (or specifically a v-list/v-list-group within a v-card)? I can't for the life of me get it to work. Some sample markup here would be really helpful :)

karambaq commented 4 years ago

Any updates on this?

James-Hudson3010 commented 4 years ago

Another similar implementation which may help guide development of this is https://quasar.dev/vue-components/scroll-area

KaelWD commented 2 years ago

change colors to match the current theme

14039