Don't place mobile toasts over navigation
dont-place-mobile-toasts-over-navigation
Don't place mobile toasts over navigation.
Description
On mobile, do not place toasts over navigation. The toast should sit 16 px above the bottom toolbar so nav controls stay reachable. Pass when the mobile toast sits 16 px above the bottom toolbar and not over navigation. Fail when a mobile toast covers navigation and blocks those controls for the duration of the toast.
When to use
Placing toasts on mobile layouts with bottom navigation.
Not when
Mobile toasts that cover navigation controls.
Agent hint
Place mobile toasts 16 px above the bottom toolbar, not over navigation.
Pass
Mobile toast sits 16 px above the bottom toolbar / not over navigation.
Fail
Mobile toast covers navigation.
Citations
Spectrum — Toast
https://spectrum.adobe.com/page/toast/