Collapse in Stepper

web
mobile

Topic: Collapse in Stepper

Aroquiassamy LA ROZE pro premium asked a year ago

Expected behavior

While using Collapse inside a stepper the height of stepper should increase.

Actual behavior

Rather the collapse content is not seen.It occurs on Linear Stepper

Resources (screenshots, code snippets etc.)

<mdb-stepper #stepper [linear]="true">  <mdb-step name="Step 1" [stepForm]="firstFormGroup">
<form [formGroup]="firstFormGroup">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et enim nec diam tristique interdum. Nulla malesuada, massa ut lobortis hendrerit, odio nisl tempor sem, eget commodo libero quam non magna. Vivamus malesuada felis eget dui feugiat, pulvinar lacinia tellus dignissim. Etiam rhoncus eros ipsum, ac interdum odio cursus ut. Suspendisse mauris nulla, feugiat scelerisque blandit eu, ultricies tempus est. Mauris dapibus massa cursus volutpat facilisis. Aenean magna lacus, vehicula eget tortor at, mattis eleifend leo. Sed et interdum sapien, vel rutrum eros. Aenean sed tempus nulla. Quisque eget risus vitae sem elementum pharetra eget a erat. Nulla gravida eleifend lorem, sed convallis metus vulputate eu.

Nunc sit amet nisl eu leo blandit ullamcorper eget at massa. Aenean vehicula lectus mauris, a laoreet ex hendrerit et. Ut risus magna, dapibus a congue in, porttitor ut lacus. Nunc lacus nisl, gravida eu tellus eget, iaculis tempor risus. Morbi volutpat libero eget pellentesque bibendum. Donec ex urna, ultricies vitae nunc ac, lobortis dignissim odio. Praesent pellentesque, justo eu rhoncus scelerisque, ante nunc iaculis elit, condimentum iaculis purus nisi eget diam. Sed vel lectus massa. Fusce faucibus nunc a luctus faucibus.
Nunc sit amet nisl eu leo blandit ullamcorper eget at massa. Aenean vehicula lectus mauris, a laoreet ex hendrerit et. Ut risus magna, dapibus a congue in, porttitor ut lacus. unc lacus nisl, gravida eu tellus eget, iaculis tempor risus. Morbi volutpat libero eget pellentesque bibendum. Donec ex urna, ultricies vitae nunc ac, lobortis dignissim odio. Praesent pellentesque, justo eu rhoncus scelerisque, ante nunc iaculis elit, condimentum iaculis purus nisi eget diam. Sed vel lectus massa. Fusce faucibus nunc a luctus faucibus.Nunc sit amet nisl eu leo blandit ullamcorper eget at massa. Aenean vehicula lectus mauris, a laoreet ex hendrerit et. Ut risus magna, dapibus a congue in, porttitor ut lacus. Nunc lacus nisl, gravida eu tellus eget, iaculis tempor risus. Morbi volutpat libero eget pellentesque bibendum. Donec ex urna, ultricies vitae nunc ac, lobortis dignissim odio. Praesent pellentesque, justo eu rhoncus scelerisque, ante nunc iaculis elit, condimentum iaculis purus nisi eget diam. Sed vel lectus massa. Fusce faucibus nunc a luctus faucibusNunc sit amet nisl eu leo blandit ullamcorper eget at massa. Aenean vehicula lectus mauris, a laoreet ex hendrerit et. Ut risus magna, dapibus a congue in, porttitor ut lacus. Nunc lacus nisl, gravida eu tellus eget, iaculis tempor risus. Morbi volutpat libero eget pellentesque bibendum. Donec ex urna, ultricies vitae nunc ac, lobortis dignissim odio. Praesent pellentesque, justo eu rhoncus scelerisque, ante nunc iaculis elit, condimentum iaculis purus nisi eget diam. Sed vel lectus massa. Fusce faucibus nunc a luctus faucibusNunc sit amet nisl eu leo blandit ullamcorper eget at massa. Aenean vehicula lectus mauris, a laoreet ex hendrerit et. Ut risus magna, dapibus a congue in, porttitor ut lacus. Nunc lacus nisl, gravida eu tellus eget, iaculis tempor risus. Morbi volutpat libero eget pellentesque bibendum. Donec ex urna, ultricies vitae nunc ac, lobortis dignissim odio. Praesent pellentesque, justo eu rhoncus scelerisque, ante nunc iaculis elit, condimentum iaculis purus nisi eget diam. Sed vel lectus massa. Fusce faucibus nunc a luctus faucibus.

Toggle collapse

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.


Email Input invalid Input valid CONTINUE Password Input invalid Input valid CONTINUE BACK Finish!

SUBMIT

I need a solution for this..!


Please provide the full html and ts code on which I will be able to reproduce this problem.

There will be fix for horizontal stepper dynamic height update in 7.5.0 version (which will be released next week) and it is very likely that the solution will be helpful in cases similar to yours.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No