Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.4] v-slide-group: can never see some of the items in full. #20711

Open
WhiteSage opened this issue Nov 17, 2024 · 0 comments
Open

Comments

@WhiteSage
Copy link

WhiteSage commented Nov 17, 2024

Environment

Vuetify Version: 3.7.4
Vue Version: 3.4.27
Browsers: Firefox 132.0
OS: Windows 10

Steps to reproduce

If a v-slide-group width is not a multiple of the width of the individual items then some items will never be shown in full. This makes interacting with them really awkward, and the behavior cannot be tweaked as v-slide-group has no property to edit the slide displacement.

Expected Behavior

Always slide to the start of the first item which overflows, or to the end.

Actual Behavior

Slide the width of the parent component.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The bug persists in the latest version as shown by the playground code which originates from the official documentation ( https://vuetifyjs.com/en/components/slide-groups/ ).

A workaround would be appreciated.

Related v2 issues:
#10475
#15916
#12780

@WhiteSage WhiteSage changed the title [Bug Report][3.3.23] v-slide-group: can never see some of the items in full. [Bug Report][3.7.4] v-slide-group: can never see some of the items in full. Nov 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant