Stepper Resize


Topic: Stepper Resize

Tobias.Weber pro premium priority asked 2 years ago

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>

Bartosz Cylwik staff answered 2 years ago

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!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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
Tags