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.6.9] VTextField displays inputs that should be hidden out of VField default slot #20027

Open
joaovitoras opened this issue Jun 19, 2024 · 0 comments

Comments

@joaovitoras
Copy link

joaovitoras commented Jun 19, 2024

Environment

Vuetify Version: 3.6.9
Last working version: 2.7.2
Vue Version: 3.4.29
Browsers: Chrome 125.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Add any component with input tag that should be hidden (VCheckbox, VSwitch, etc) at inner slots of VTextField
This input will be displayed even though it is not the intention
Click events does not work too, interaction with VCheckboxt does not toogle value

Expected Behavior

I expected to use VCheckbox inside a prepend-inner slot of VTextField and get the correct styles and to handle interaction correctly

Actual Behavior

VCheckboxBtn, VCheckbox, VRadio and VSwitch break styles and does not show properly and click interactions does not work

Reproduction Link

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

Other comments

This behaviour occurs because of this style

.v-field--no-label,
.v-field--active
input
opacity: 1

I think this should be only for default slot of VField

Some grid style makes the element I added not fill the width it actually has

All this behaviours work at vuetify 2
https://codepen.io/joaovitor_as/pen/NWVyLVK?editors=101

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant