Skip to content

[Bug Report][3.8.1] Hard to change chip size within any dropdown component #21279

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

Open
rajkadhi10 opened this issue Apr 17, 2025 · 1 comment
Labels
C: VAutocomplete C: VCombobox C: VSelect has workaround T: bug Functionality that does not work as intended/expected

Comments

@rajkadhi10
Copy link

Environment

Vuetify Version: 3.8.1
Vue Version: 3.5.13
Browsers: Chrome 133.0.0.0
OS: Linux x86_64

Steps to reproduce

Update the size prop in the default provider, it is not working (it's always taking chips of small size). However other props (variant, density) seems to work.

Expected Behavior

Size prop should also work for chips.

Actual Behavior

Size prop is not working.

Reproduction Link

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

Note: I have tried $field-chip-height SASS variable but it is also not working, the small class of chips overrides this.

Image

@J-Sek
Copy link
Contributor

J-Sek commented Apr 17, 2025

Workaround to avoid CSS:

<template #chip>
  <v-chip size="default" style="--v-chip-height: 32px" />
</template>

@J-Sek J-Sek changed the title [Bug Report][3.8.1] Chip size can not be changed for selection controls (auto-complete, combo-box, etc..) [Bug Report][3.8.1] Hard to change chip size within any dropdown component Apr 17, 2025
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected C: VSelect C: VCombobox C: VAutocomplete has workaround labels Apr 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VAutocomplete C: VCombobox C: VSelect has workaround T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants