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.3.1] outlined v-text-field does not have rounded corners #17456

Closed
Kimbo0o opened this issue May 25, 2023 · 1 comment
Closed
Assignees
Labels
C: VField C: VInput VInput rtl T: bug Functionality that does not work as intended/expected
Milestone

Comments

@Kimbo0o
Copy link

Kimbo0o commented May 25, 2023

Environment

Vuetify Version: 3.3.1
Vue Version: 3.3.1
Browsers: Chrome 113.0.0.0
OS: Windows 10

Steps to reproduce

When using a v-text-field with the variant="outlined" property you get an outline with square corners.
Rounded corners should be the default. This also is the case in the documentation:
https://vuetifyjs.com/en/components/text-fields/

Expected Behavior

The corners should be rounded by default.

Actual Behavior

The text field is displayed with square borders.

Reproduction Link

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

@KaelWD
Copy link
Member

KaelWD commented May 25, 2023

Related: #16586

Looks like the mixin only works if a parent has the class, not the same element. Not sure how I missed this.

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected C: VInput VInput C: VField labels May 25, 2023
@KaelWD KaelWD added this to the v3.3.x milestone May 25, 2023
@KaelWD KaelWD self-assigned this May 25, 2023
@KaelWD KaelWD closed this as completed in 85c36e4 May 25, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VField C: VInput VInput rtl T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants