Overlay overlaps sidebar when using navbar-fixed

[aexvir]

There are two issues already created but they are poorly explained and it's hard to understand the issue.

When using a fixed navbar the grey overlay overlaps the sidebar menu making it impossible to use. I've made a jsfiddle showing the issue here.

Only with changing the z-index of the sidenav-overlay to 996 fixes the issue but I'm not sure it's the correct solution.

If it matters I'm on Chrome 65.0.3325.181 (Official Build) (64-bit) on macOS 10.13.4

The issues related to this problem are #5205 and #5750

[aexvir]

Duplicate of #5205

[aexvir]

Duplicate of #5750

[aexvir]

Changing the z-index of the overlay to 996 is not a good solution. The nav is over it, but the whole nav, not only the sidenav, because the z-index of the sidenav is the same as its parent. The solution may be removing the z-index from the navbar-fixed element.

Example

[Dogfalo]

Please read #3844