Skip to content

Conversation

hiraeth0425
Copy link

@hiraeth0425 hiraeth0425 commented Sep 19, 2025

fix(VBtnToggle): remove overlay multiplier from inactive buttons

Description

Fixes #22004

Fixes overlay visual issues on inactive buttons in the VBtnToggle component. Currently, inactive buttons in
button toggles inherit unwanted overlay effects that affect their visual appearance.

Changes

  • Added --v-theme-overlay-multiplier: 0 to inactive buttons (.v-btn-toggle > .v-btn)
  • Preserves existing overlay behavior for active buttons
  • Minimal CSS change with targeted scope

Before/After

Before: Inactive buttons displayed unwanted overlay effects
After: Inactive buttons have clean appearance without overlay artifacts while maintaining proper active
state styling

@hiraeth0425 hiraeth0425 changed the title fix(VBtnToggle): remove overlay multiplier from inactive buttons #22004 fix(VBtnToggle): remove overlay multiplier from inactive buttons Sep 19, 2025
@MajesticPotatoe MajesticPotatoe added T: bug Functionality that does not work as intended/expected C: VBtnToggle labels Oct 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

C: VBtnToggle T: bug Functionality that does not work as intended/expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][3.9.7] .v-btn-toggle (button groups should not have opacity by default)

2 participants