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.

Sign up for GitHub

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

Jump to bottom

[Bug Report][3.5.2] v-combobox outlined + rounded with lots of items clips into element #19151

Closed
Nonary opened this issue Feb 1, 2024 · 0 comments · Fixed by #19457
Closed

[Bug Report][3.5.2] v-combobox outlined + rounded with lots of items clips into element #19151

Nonary opened this issue Feb 1, 2024 · 0 comments · Fixed by #19457
Assignees
@yuwu9145
Labels
C: VField T: bug Functionality that does not work as intended/expected
Milestone
v3.5.x

Comments

@Nonary
Copy link

Nonary commented Feb 1, 2024

Environment

Vuetify Version: 3.5.2
Last working version: 2.7.1
Vue Version: 3.4.15
Browsers: Chrome 121.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Make a v-combobox with lots of items, enable the rounded prop while variant is set to outlined

Expected Behavior

The border is rounded across the entire content

Actual Behavior

The border on the right side is not rounded properly and clips inside the main content instead of wrapping around it.

Reproduction Link

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

image
@yuwu9145 yuwu9145 self-assigned this Feb 1, 2024
@yuwu9145 yuwu9145 added T: bug Functionality that does not work as intended/expected C: VField and removed S: triage labels Feb 1, 2024
yuwu9145 added a commit that referenced this issue Mar 24, 2024
@yuwu9145
fix(VField): use xl border-radius for rounded prop
394933e 
fixes #19151
@yuwu9145 yuwu9145 mentioned this issue Mar 24, 2024
Merged
johnleider pushed a commit that referenced this issue Mar 26, 2024
@yuwu9145
fix(VField): use xl border-radius for rounded prop (#19457)
2e993ef 
fixes #19151
@johnleider johnleider added this to the v3.5.x milestone Mar 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yuwu9145 yuwu9145

Labels
C: VField T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v3.5.x
Development

Successfully merging a pull request may close this issue.

fix(VField): use xl border-radius for rounded prop vuetifyjs/vuetify
3 participants
@yuwu9145 @johnleider @Nonary