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.11] v-text-field doesn't have an underline border (when using tailwind) #17964

Closed
3aluw opened this issue Aug 4, 2023 · 4 comments
Assignees
Labels
C: VField T: bug Functionality that does not work as intended/expected
Milestone

Comments

@3aluw
Copy link
Contributor

3aluw commented Aug 4, 2023

Environment

Vuetify Version: 3.3.11
Vue Version: 3.3.4
Browsers: Chrome 115.0.0.0
OS: Windows 10

Steps to reproduce

-click the link
-If the site did't show up. run "npm run dev" in the terminal

Expected Behavior

I expect a line under the input as it is here

Actual Behavior

the bottom-border didn't show up.

Reproduction Link

https://stackblitz.com/...

Other comments

-my project is using tailwind so I think there might be a conflict between the two.
-I tried variant = "underlined' it didn't work.
-I tried appplying css style to .v-field__input but it didn't work either.

@yuwu9145
Copy link
Member

yuwu9145 commented Aug 5, 2023

codesandbox cannot be opened

@3aluw
Copy link
Contributor Author

3aluw commented Aug 6, 2023

I tried opening it and it did. Can you try again, please ?
Capture

@KaelWD
Copy link
Member

KaelWD commented Aug 6, 2023

It's private

@3aluw
Copy link
Contributor Author

3aluw commented Aug 7, 2023

Sorry for any inconvenience. I tried to open the links in incognito mode and it didn't work.
I tried to solve the problem, but I didn't figure it out.
However, I forked the project on stackblitz. Please take a look here

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected C: VField labels Aug 7, 2023
@KaelWD KaelWD added this to the v3.3.x milestone Aug 7, 2023
@KaelWD KaelWD self-assigned this Aug 7, 2023
@github-actions github-actions bot removed the S: triage label Aug 7, 2023
@KaelWD KaelWD closed this as completed in 9012797 Aug 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VField T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

3 participants