Mdb-ui-kit: Drawers component broken in v.4.1.1

Created on 25 Jan 2018  路  2Comments  路  Source: mdbootstrap/mdb-ui-kit

Test Case

https://codepen.io/185driver/pen/rpELoJ

Summary

Two things appear to be broken in the drawers component with the change from 4.0.0-beta.4 to 4.1.1:

  1. The entire browser window now scrolls vertically instead of just scrolling the .bmd-layout-content container. Both .bmd-layout-header and .nav-drawer divs now scroll out of view and they shouldn't.
  2. The offcanvas nav (.nav-drawer) is no longer full window height if the page content is less than that. To see the effect, delete my codepen <li>s.

Expected result

The nav drawer should always be full window height and only the page main content should scroll, as it is in 4.0.0-beta.4.

Most helpful comment

Hello,

I solved this problem, when I set position: absolute for bmd-layout-container.

All 2 comments

Hello,

I solved this problem, when I set position: absolute for bmd-layout-container.

@Legotckoi
Thanks it solved my problem.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

migaber picture migaber  路  10Comments

steren picture steren  路  9Comments

tahq69 picture tahq69  路  8Comments

hashvg7 picture hashvg7  路  4Comments

AlexanderPilhar picture AlexanderPilhar  路  3Comments