Currently, SnackBars in the app appear at the bottom of the screen and overlap the bottom navigation bar. While a SnackBar is visible, users cannot interact with the navigation buttons, creating a poor user experience especially for longer-duration notifications.
Current Behavior
- SnackBars appear at the bottom of the screen
- They overlap/cover the bottom navigation bar
- Users cannot tap navigation buttons while SnackBar is visible
- This blocks navigation until the SnackBar disappears
Expected Behavior
- SnackBars should appear at the top of the screen
- Bottom navigation bar should remain fully accessible at all times
- Users should be able to navigate freely while notifications are displayed
Suggested Solution
Move SnackBar position to the top of the screen using SnackBarBehavior.floating with appropriate margin configuration, or consider migrating to top-positioned banners/alerts.
Acceptance Criteria
- All SnackBars appear at the top of the screen
- Bottom navigation bar remains clickable when SnackBars are visible
- SnackBars don't overlap with app bar or other top UI elements
- Consistent behavior across all screens that show SnackBars
Additional Context
This affects user experience during common flows like order taking, order creation, relay management, and other operations that show confirmation or error messages.
Currently, SnackBars in the app appear at the bottom of the screen and overlap the bottom navigation bar. While a SnackBar is visible, users cannot interact with the navigation buttons, creating a poor user experience especially for longer-duration notifications.
Current Behavior
Expected Behavior
Suggested Solution
Move SnackBar position to the top of the screen using SnackBarBehavior.floating with appropriate margin configuration, or consider migrating to top-positioned banners/alerts.
Acceptance Criteria
Additional Context
This affects user experience during common flows like order taking, order creation, relay management, and other operations that show confirmation or error messages.