itsme priority asked 2 years ago


Expected behavior I can't collapse a stepper element in a modal component. Is it possible to do that?

Actual behavior The modal doesn't show the stepper if the trigger is activated to show it. When I inspect the element in the browser it is visible to me?

Resources (screenshots, code snippets etc.)

{% include "stepper.html" %}

{% load static %}

const stepper = new mdb.Stepper(document.getElementById('example-stepper')); document.getElementById('form-example-next-step').addEventListener('click', () => { stepper.nextStep(); }); document.getElementById('form-example-prev-step').addEventListener('click', () => { stepper.previousStep(); }); const select = mdb.Select.getInstance(document.querySelector('.select'))

Michał Duszak staff answered 2 years ago


Unfortunately we don't provide methods to update the height dynamically - here is a temporary workaround:

document.addEventListener('shown.bs.collapse', () => {
  window.dispatchEvent(new Event('resize'))
})

Here is the snippet: https://mdbootstrap.com/snippets/standard/m-duszak/3946411

Thank you for your feedback, we will take a look at this feature.


Michał Duszak staff answered 2 years ago


Hello, could you please reproduce your issue in a snippet? https://mdbootstrap.com/snippets/


itsme priority commented 2 years ago

https://mdbootstrap.com/snippets/standard/itsme/3942527#html-tab-view


itsme priority commented 2 years ago

Please have a look at step 2. What can I do, that the content is not behind the buttons? Thanks in advance!



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 Standard
  • MDB Version: MDB5 3.11.0
  • Device: Computer
  • Browser: Firefox
  • OS: Linux
  • Provided sample code: No
  • Provided link: No