Hi,my task is to create fixed SideNav and have an ability to close it from UI.

I have tried two variants to close:

1. Using data-activates
2. Using sideNav('hide') method

First one works not correctly: at first click the sidenav still displays, only grayed overlay adding. Closing does only after SECOND clicking. But sidenav is expected to close on first click.

Second variant just does not work at all when sidenav is in fixed state.

Please see the snipped with this behavior at https://mdbootstrap.com/snippets/jquery/vitaly_z/1779671

IMPORTANT: check this snipped on a wide enough screen for showing sidenav in a fixed state.

Click [CLOSE FIXED via data] [CLOSE FIXED via method] buttons at the top of page for testing both variants.