Toast message is not displayed at the bottom consistently

[chinmaydas23]

Describe your proposal

We use toast message component and have it placed at the bottom centre. It however appears to be centered but not at the bottom consistently. Adding screenshots below :

Expected (appears sometimes) :

Incorrect behaviour :

Which versions of Angular and Fundamental Library for Angular are affected?

v0.61 - Angular 21

Affected Component

Message Toast Component

Steps to Reproduce (for bugs)

No response

StackBlitz example(s)

No response

Priority

None

Declaration

• I'm not disclosing any internal or sensitive information.

[droshev]

Thanks for reporting this. We tried to reproduce the issue on our docs site but the toast consistently appears at the bottom center as expected.

To investigate further, could you help us with:

1. A StackBlitz reproduction — even a minimal one that shows the toast not at the bottom would help enormously.
2. Is your app using a scrollable container (e.g., overflow: auto on a parent element, or a router outlet inside a scrollable div)? CDK overlays anchor to the viewport, so a scrolled container can shift where "bottom" appears.
3. Are you using a custom OverlayContainer or any CDK overlay configuration?
4. Does the issue happen on first open, or only after opening/dismissing several toasts?
5. Browser and OS — is this specific to one browser?
6. Are there any CSS overrides in your app targeting .cdk-overlay-container, .cdk-overlay-pane, or .cdk-global-overlay-wrapper?

The screenshots suggest the overlay wrapper might not be anchoring to the viewport bottom in your app's layout. A reproduction would let us pinpoint exactly what's different.