Topic: Stepper Resize
I have a Form Wizard with the Stepper Components. In the Stepper Content a User-List (MDBListGroup) can be created through the user input.
Expected behavior Stepper Content Height will be automatically adjusted.
Actual behavior Stepper Content Height will not be expanded. The complete Form is not shown anymore.
Following Code expand the stepper
<div class="form-outline mb-4" style="display: flex">
<MDBListGroup light small>
<MDBListGroupItem v-for="item in approverList"
>{{ item.displayname[0] }}
<MDBIcon
icon="trash"
style="color: red"
@click="deleteApprover(item)"
/>
</MDBListGroupItem>
</MDBListGroup>
</div>
Hello, Stepper Content Height will only update on step change. If you wish you can create a new feature request and our team will decide if that should be implemented. Best regards!
Tobias.Weber pro premium priority commented 2 years ago
Hi Bartosz, thank you for your quick respond. I'm making a feature request although I see it more as a bug than a new feature. Is there any possibilty to trigger the setHeight Event manually outside the control?
Bartosz Cylwik staff commented 2 years ago
I was able to achieve this in my snippet. Maybe it will be helpful to you? Best Regards!
Tobias.Weber pro premium priority commented 2 years ago
Thank you for your great support. This works for me!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Vue
- MDB Version: MDB5 3.1.0
- Device: Windows
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No