material-design-for-bootstrap
material-design-for-bootstrap copied to clipboard
Bug combining behaviours in drawers
Thanks in advance for your time.
Expected behavior
If I specify a drawer with these classes:
"bmd-layout-container bmd-drawer-f-r bmd-drawer-in-lg-up bmd-drawer-overlay-md-down"
I expect it to behave like this:
- On <= md screens, drawer appears closed
- On <= md screens, when I open drawer, it overlays
- On >= lg screens, drawer appears opened, pushing content
- On >= lg screens, when I close drawer, it pushes back
Actual behavior
Cases 1, 2 and 3 work perfectly, but in >= lg screens the toggle button doesn't work.
Your working environment and MDB version information
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ...></script>
<script src="https://unpkg.com/[email protected]/dist/umd/popper.js" ...></script>
<script src="https://unpkg.com/[email protected]/dist/js/bootstrap-material-design.js" ...></script>
Resources (screenshots, code snippets etc.)
A live example here: https://jsfiddle.net/pwjfx8v6/
- I just copied/pasted the starting template from here: https://mdbootstrap.github.io/bootstrap-material-design/docs/4.0/getting-started/introduction/
- Then I copied/pasted the first drawer example from here: https://mdbootstrap.github.io/bootstrap-material-design/docs/4.0/material-design/drawers/#push
- Then I added these two classes to the
bmd-layout-container
tag:bmd-drawer-in-lg-up bmd-drawer-overlay-md-down
For every question of technical nature, in order to get the most detailed answer as soon as possible, ask on our dedicated Support Forum