MDBStepper does not work when rendered inside inactive Tab

Topic: MDBStepper does not work when rendered inside inactive Tab

bernspe pro premium priority asked a year ago

Expected behavior MDBStepper should render inside MDBTabItem Actual behavior if MDBTabItem is set active at start, everything works fine, but if MDBStepper runs inside an inactive MDBTabItem rendering doesn't occur once it is activated. If Screen is resized, the content of MDBStepper appears. Resources (screenshots, code snippets etc.)

Add comment

Bartosz Cylwik staff answered a year ago

1 0 Best answer

Hi again! I managed to put a Stepper inside an inactive Tab component. I've added a v-for directive that mounts and unmounts the stepper when tab changes. That makes the Stepper to recalculate it's height and makes it visible.

Checkout my snippet here: https://mdbootstrap.com/snippets/vue/b-cylwik/5681204#js-tab-view

Add comment

Bartosz Cylwik staff answered a year ago

0 0 Best answer

Hi! Thanks for letting us know. We'll see what we can do about it. Best Regards!

Add comment