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.6.10] Blinking button #20066

Open
JulianPinzaru opened this issue Jun 27, 2024 · 0 comments
Open

[Bug Report][3.6.10] Blinking button #20066

JulianPinzaru opened this issue Jun 27, 2024 · 0 comments

Comments

@JulianPinzaru
Copy link

Environment

Vuetify Version: 3.6.10
Vue Version: 3.4.30
Browsers: Chrome 126.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Click on buttons from v-btn-toggle / v-btn-group and notice them blinking.
Compare this with buttons that use the default colors.

Expected Behavior

The expected functionality is to either not have buttons blinking at all or have some way to disable it and make it work the same as when only implicit colors are used.

Actual Behavior

The buttons blink when clicking them.

Reproduction Link

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

Other comments

The double/tripple blinking animation on a larger width buttons can affect someones health if they are epileptics. In my case, when part of the design is to use variant="flat" for toggle buttons then it becomes a problem.
I honestly don't mind if someone prefers it the way it is, but I'd really appreciate to have some boolean property maybe that disables this for the health reasons I mentioned above.
I attempted to fix it by trying to set :ripple="false" on both v-btn-group and v-btn within the default slot but it didn't work.

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