Topic: Collapse stepper
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'))
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.
Hello, could you please reproduce your issue in a snippet? https://mdbootstrap.com/snippets/
itsme pro premium priority commented 3 years ago
https://mdbootstrap.com/snippets/standard/itsme/3942527#html-tab-view
itsme pro premium priority commented 3 years ago
Please have a look at step 2. What can I do, that the content is not behind the buttons? Thanks in advance!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- 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