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.0.0] select with chip in compact density alignment issue #16029

Closed
alokVishu opened this issue Nov 4, 2022 · 2 comments
Closed
Labels
duplicate The issue has already been reported

Comments

@alokVishu
Copy link
Contributor

Environment

Vuetify Version: 3.0.0
Vue Version: 3.2.41
Browsers: Chrome 107.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Try to use the select with chips and use density="compact"

Expected Behavior

Chips should be aligned center.

Actual Behavior

chips have 4px margin bottom that causes to not align them.

Reproduction Link

https://codepen.io/Alokdev/pen/QWxEpBR?editors=101
image

@MetRonnie
Copy link
Contributor

MetRonnie commented Feb 28, 2023

Here's another screenshot (Vuetify 3.1.6). Very noticeable when using the clearable prop on the v-select

image

It's not just about aligning center. The chips should not change the height of the v-select at all (and they didn't in Vuetify 2). (Edit: I see that's captured in #15980)

@MajesticPotatoe MajesticPotatoe added duplicate The issue has already been reported and removed S: triage labels Mar 8, 2023
@MajesticPotatoe
Copy link
Member

duplicate #15980

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate The issue has already been reported
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants