Skip to content

Replace bottom snackbar with top snackBar #397

@grunch

Description

@grunch

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.

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions