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.

Sign up for GitHub

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

Jump to bottom

[Bug Report][2.3.16] A v-textarea inside a v-stepper-step does not take up the available width. #12584

Closed
jaunt opened this issue Nov 10, 2020 · 1 comment · Fixed by #14362
Closed

[Bug Report][2.3.16] A v-textarea inside a v-stepper-step does not take up the available width. #12584

jaunt opened this issue Nov 10, 2020 · 1 comment · Fixed by #14362
Labels
C: VStepper VStepper T: bug Functionality that does not work as intended/expected
Milestone
v2.6.x

Comments

@jaunt
Copy link

jaunt commented Nov 10, 2020

Environment

Vuetify Version: 2.3.16
Vue Version: 2.6.12
Browsers: Chrome 85.0.4183.102
OS: Linux x86_64

Steps to reproduce

In the attached codepen, I cannot find any way to get the v-textarea inside the v-stepper-step to fill up the width properly.

Expected Behavior

The v-text-area should group should be as wide as the v-stepper-step.

Actual Behavior

It's taking on a width of 195 for a reason I don't know.

Reproduction Link

https://codepen.io/jauntcode/pen/RwRqZba

Other comments

Is there a work-around?
@johnleider
Copy link
Member

Workaround: https://codepen.io/johnjleider/pen/abWJXya

@johnleider johnleider added C: VInput VInput C: VStepper VStepper T: bug Functionality that does not work as intended/expected and removed S: triage C: VTextarea VTextarea labels Jul 16, 2021
@johnleider johnleider modified the milestones: v3.0.0, v2.5.x Jul 16, 2021
@johnleider johnleider changed the title [Bug Report] A v-textarea inside a v-stepper-step does not take up the available width. [Bug Report][2.3.16] A v-textarea inside a v-stepper-step does not take up the available width. Jul 16, 2021
@johnleider johnleider removed the C: VInput VInput label Aug 4, 2021
@KaelWD KaelWD mentioned this issue Nov 3, 2021
Merged
8 tasks
@KaelWD KaelWD modified the milestones: v2.5.x, v2.6.x Nov 30, 2021
KaelWD pushed a commit that referenced this issue Nov 30, 2021
@KareemDa
fix(VStepper): expand stepper label to full width (#14362)
e6e5fd2 
fixes #12584
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
C: VStepper VStepper T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v2.6.x
Development

Successfully merging a pull request may close this issue.

fix(VStepper): expand stepper label to full width
3 participants
@jaunt @johnleider @KaelWD