I have a solution for this. This is a problem with perfect scrollbar what we are using in our sidenav. This solution will be available with the next release.

#1 You have to add this code to sidenav.js ( to ES6+ version ) to openOnClick() method on line ~416 in the end on that method.

  this.$sidenavOverlay.on('click', () => this.removeMenu());

  this.$sidenavOverlay.on('touchmove', this.touchmoveEventHandler.bind(this));
  this.$menu.on('touchmove', e => {

    e.preventDefault();

    this.$menu.find('.custom-scrollbar').css('padding-bottom', '30px');
  });

#2 Or you can add this code on the same method OpenOnClick but in version ES5+ on ~426 line

_this3.$sidenavOverlay.on('click', function () {
  return _this3.removeMenu();
});

_this3.$sidenavOverlay.on('touchmove', _this3.touchmoveEventHandler.bind(_this3));

_this3.$menu.on('touchmove', function (e) {
  e.preventDefault();

  _this3.$menu.find('.custom-scrollbar').css('padding-bottom', '30px');
});

You can add this to sidenav.js and you can use gulp to compiled first version to second version.