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-radio-group label is aligned center by default with no obvious way to change #10403

Closed
JamieCurnow opened this issue Jan 31, 2020 · 1 comment · Fixed by skyYaga/skdvin-webapp#22, skyYaga/skdvin-webapp#23 or anyulled/reactivewebflux#5
Assignees
Labels
C: VRadioGroup VRadioGroup S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@JamieCurnow
Copy link

Environment

Vuetify Version: 2.2.8
Last working version: 2.2.7
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.130
OS: Mac OS 10.15.1

Steps to reproduce

Make a v-radio-group element anywhere and give it a label prop.

Expected Behavior

The label should be aligned to the left by default, above the radio options

Actual Behavior

The label is aligned center making it look very strange.

Reproduction Link

https://codepen.io/JamieCurnow/pen/bGNPQxQ?editable=true&editors=101

Other comments

Here is the commit that changed it:
f81b639

Here is the issue that the commit is linked to:
#10334

Looks like this could be fixed by setting:
align-self: initial
instead of:
align-self: center
on the

.v-input--radio-group
  legend
@ghost ghost added the S: triage label Jan 31, 2020
@jacekkarczmarczyk jacekkarczmarczyk added C: VRadioGroup VRadioGroup T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke and removed S: triage labels Jan 31, 2020
JamieCurnow added a commit to JamieCurnow/vuetify that referenced this issue Jan 31, 2020
@jacekkarczmarczyk
Copy link
Member

display: inline-block is imho unnecessary too

display: inline-block

image

display: inline-block

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VRadioGroup VRadioGroup S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
3 participants