Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
The snackbar has the following description:
The Snack Bar message appears above all other screen elements, located at the bottom of a mobile device screen or at the lower left of larger device screens.
From the sample we can see that the snackbar is not above all contents (overlay is above) and it's content is projected relative the not at the bottom of the screen.
Expected result
The snackbar should be using the overlay and always position itself on the bottom/bottom left.
Description
Describe the issue.
Steps to reproduce
The snackbar has the following description: The Snack Bar message appears above all other screen elements, located at the bottom of a mobile device screen or at the lower left of larger device screens.
use the following sample: https://stackblitz.com/edit/github-wch3uc-wdhmc1?file=src%2Fapp%2Fsnackbar-sample-1%2Fsnackbar-sample-1.component.html
Result
From the sample we can see that the snackbar is not above all contents (overlay is above) and it's content is projected relative the not at the bottom of the screen.
Expected result
The snackbar should be using the overlay and always position itself on the bottom/bottom left.
Attachments
https://stackblitz.com/edit/github-wch3uc-wdhmc1?file=src%2Fapp%2Fsnackbar-sample-1%2Fsnackbar-sample-1.component.html