Vuetify: [Feature Request] custom vertical & horizontal scrollbars

[musasoftlabx]

Problem to solve

• Does away with the native browser scrollbars which take up some container space and do not match the site's theme.
• Prevents the need to import 3rd party plugins

Proposed solution

• Should have an option to change colors to match the current theme
• Should have a watch in order to re-initialize when content in the container changes.

[JojoMig]

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]

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]

Any updates on this?

[James-Hudson3010]

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