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.2.3] v-chip in v-chip-group grows to full width. #17344

Closed
mcrapts opened this issue May 10, 2023 · 1 comment
Closed

[Bug Report][3.2.3] v-chip in v-chip-group grows to full width. #17344

mcrapts opened this issue May 10, 2023 · 1 comment
Assignees
Labels
C: VChip T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@mcrapts
Copy link

mcrapts commented May 10, 2023

Environment

Vuetify Version: 3.2.3
Last working version: 3.2.2
Vue Version: 3.3.0-beta.5
Browsers: Chrome 113.0.0.0
OS: Windows 10

Steps to reproduce

  1. Look at v-chip-group example in the documentation https://vuetifyjs.com/en/components/chip-groups/

Expected Behavior

Chips only grow as needed

Actual Behavior

Chips grow to maximum width

Reproduction Link

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

Other comments

Since v3.2.3, v-chip components have the CSS attribute flex: 1 0 applied. This means the chips will grow as big as they can. I believe this is the cause of this bug.

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke C: VChip labels May 11, 2023
@KaelWD KaelWD added this to the v3.2.x milestone May 11, 2023
@KaelWD
Copy link
Member

KaelWD commented May 11, 2023

#17283

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VChip T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

No branches or pull requests

3 participants