Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDBStepper is agnostic to Content height

bernspe priority asked 1 year ago


Expected behavior I have a MDBCard with variable height as MDBStepper Content. MDBStepper Content should show the complete card.

Actual behavior However, I have to set the card height to a fixed size in order to have it fully displayed, which is annoying. If I omit the style:{height: 600px} it will just ignore it.

Resources (screenshots, code snippets etc.)


Bartosz Cylwik staff answered 1 year ago


Hi! Could you create a snippet so I could check the issue or show some code with the issue here?

https://mdbootstrap.com/snippets

I've tried checking it, but I'm not sure about the height variable. I have created a snippet with cards inside, and they seem to work in my case:

https://mdbootstrap.com/snippets/vue/b-cylwik/5573336#html-tab-view

I've found some my older snippet, with recalculating the height of stepper content. Maybe it will be useful for you?

https://mdbootstrap.com/snippets/vue/b-cylwik/4551540#html-tab-view

Best Regards!


bernspe priority answered 1 year ago


I have tried to reproduce it in a snippet, what didnt succeed due to the card complexity. However no it works, the thing I changed was placing the top property inside MDBCardImg. Strange. Thanks for helping anyways.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 4.0.0
  • Device: Desktop
  • Browser: Chrome
  • OS: MacOSX
  • Provided sample code: No
  • Provided link: No