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] v-text-field + filled (v-slot:label not working) #11533

Closed
Dinver opened this issue Jun 1, 2020 · 3 comments · Fixed by #12371
Closed

[Bug Report] v-text-field + filled (v-slot:label not working) #11533

Dinver opened this issue Jun 1, 2020 · 3 comments · Fixed by #12371
Assignees
Labels
C: VTextField has workaround T: bug Functionality that does not work as intended/expected
Milestone

Comments

@Dinver
Copy link

Dinver commented Jun 1, 2020

Environment

Vuetify Version: 2.2.30
Vue Version: 2.6.11
Browsers: Chrome 83.0.4103.61
OS: Windows 10

Steps to reproduce

Add prop "filled" in v-text-field;
Add v-slot:label.

Expected Behavior

Same as without filled.

Actual Behavior

No functionality.

Reproduction Link

https://codepen.io/dinver/pen/oNbvxJM?editable=true&editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Ftext-fields%2F

@ghost ghost added the S: triage label Jun 1, 2020
@jacekkarczmarczyk
Copy link
Member

works fine if you add label="anything"

@jacekkarczmarczyk jacekkarczmarczyk added C: VTextField T: bug Functionality that does not work as intended/expected has workaround and removed S: triage labels Jun 1, 2020
@Dinver
Copy link
Author

Dinver commented Jun 2, 2020

works fine if you add label="anything"

May be need write in documentation? I did not find such a description prop.

@KaelWD
Copy link
Member

KaelWD commented Oct 7, 2020

Scoped slots don't exist until render() in vue 2: https://codepen.io/kaelwd/pen/rNLNYGL?editors=1011
This seems to be fixed in vue 3: https://codepen.io/kaelwd/pen/gOMOXoB?editors=1011

If you use slot="label" instead of v-slot="label" then it works without the label prop.

this.$slots.label is accessed before render by labelValue watcher -> labelValue -> isSingle -> hasLabel

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTextField has workaround T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants