<?xml version="1.0" encoding="utf-8"?>

Keep snackbars away from FABs

Keep snackbars away from FABs Bad Practice
Keep snackbars away from FABs Best Practice

Snackbars should never cover or hide important elements like floating action buttons (FABs). When a snackbar appears, it needs to stay above the FAB. It should not overlap with it and should never be placed behind it. If a snackbar covers the FAB, users might miss an important action. If it goes behind the FAB, part of the message may not be visible. Keeping the snackbar above all content helps avoid confusion and supports a better experience.[1]

Improve your UX & Product skills with interactive courses that actually work