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.7.7] VTextField label missing inside radio button #20894

Open
NickdeK opened this issue Jan 21, 2025 · 1 comment
Open

[Bug Report][3.7.7] VTextField label missing inside radio button #20894

NickdeK opened this issue Jan 21, 2025 · 1 comment

Comments

@NickdeK
Copy link

NickdeK commented Jan 21, 2025

Environment

Vuetify Version: 3.7.7
Vue Version: 3.5.13
Browsers: Chrome 132.0.0.0
OS: Windows 10

Steps to reproduce

  1. Wrap a text-field inside a radio button
  2. Set the text-field variant to outlined
  3. Set the width of the text-field (to prevent it from shrinking)

Expected Behavior

Label to show

Actual Behavior

Label not showing

Reproduction Link

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

@NickdeK
Copy link
Author

NickdeK commented Jan 21, 2025

Workaround; don't slot the text-field into the radio.

<div class="d-flex align-center">
  <v-radio class="flex-0-0" />
  <v-text-field
    v-model="dateString"
    :label="labelDate"
    variant="outlined"
    width="200"
    class="flex-0-0"
    hide-details
  />
</div>

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