search

web-aid-kit / ngx-image-gallery

Probably the best Angular 4+ modal and inline image gallery. Angular upgrade for ng-image-gallery.
79 stars 47 forks source link

Gallery's overlay not always on top #29

Open Dyljyn opened 6 years ago

Dyljyn commented 6 years ago

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 commented 5 years ago

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