Gallery's overlay not always on top

[Dyljyn]

Current behavior

Elements have the possibility to be placed on top of the gallery's overlay.

Expected behavior

The gallery's overlay should always be above all other elements.

Possible solution

Place the overlay at a high level in the DOM.
This behavior is found in the Angular CDK's overlay

Context

The overlay for the gallery is placed at the level it is defined in the DOM. This causes the possibility for other elements to be placed above this overlay. A basic use case I have found is with mat-sidenav/mat-drawer (see demo).

Demo

https://stackblitz.com/edit/ngx-image-gallery-overlay-issue

[marcosrbertuol]

Yeah I'm having issue with some material components like badges being on top of the gallery