vuetifyjs
[Bug Report][2.6.11] v-slide-group prev/next functions has a ux defect that prevents items from being shown completely
Environment
Vuetify Version: 2.6.11 Vue Version: 2.7.13 Browsers: Chrome 106.0.0.0 OS: Mac OS 10.15.7
Steps to reproduce
Open the reproduction link. When using the prev and next buttons, note that items 3, 5, 8, 10, and 12, are never able to be shown completely. These items are always cut off.
Expected Behavior
That when you use prev/next that every item in the v-slide-group can be seen completely without being cut-off.
Actual Behavior
Items are being cut off because the v-slide-group is calculating offsets like this https://github.com/vuetifyjs/vuetify/blob/aeb2100dc055190f6a3ebdcaee7627f3e13dd0bf/packages/vuetify/src/components/VSlideGroup/VSlideGroup.ts#L378 instead of calculating how far to advance the offset to ensure that all items can be made clearly visible.
Reproduction Link
https://codepen.io/MatthewAry/pen/NWMmyZa?editors=101
Other comments
I've been dealing with this issue for a while now. Workarounds can include extending VSlideGroup and override functions in VSlideGroup, use scroll bars, or to roll your own implementation.
Not sure if this is a bug or expected behaviour @johnleider - V3 behaves the same which (as seen in the first example in the docs - https://vuetifyjs.com/en/components/slide-groups/).
