[IgxOverlay] width for igx-snackbar is not set correctly when it is initially shown

[RivaIvanova]

Description

When IgxSnackbar is initially shown, the width is not set correctly. If the snackbar is then closed and opened again, it receives the correct size.

• igniteui-angular version: 13.1.x
• browser: all

Steps to reproduce

1. Open this demo.
2. The initial appearance of the snackbar is broken.
3. Close the snackbar and open it again by clicking on any of the above buttons.
4. Snackbar is displayed correctly.

Result

IgxSnackbar is not shown correctly initially.

Expected result

IgxSnackbar should be shown with correct size at all times.

Attachments

This behavior could be observed in the attachment below:

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[viktorkombov]

The reason why this happens is because the snackbar is opened in the ngOnInit lifecycle hook, which is called before Angular has fully initialized the component's view. What I would suggest is to open it in the ngAfterViewInit lifecycle hook.