Skip to content

UX Improvement Proposal: Reposition Snackbar Notifications to Avoid Covering Settings Content #800

Description

@ankitguptaindia

Description

Currently, snackbar notifications appear near the center of the page whenever a setting is enabled or disabled. Since they overlap the settings panel, they can temporarily obscure the settings texts that the user is actively interacting with.

Recording.1879.mp4

I suggest repositioning the snackbar notifications to the left side of the page (or another non-obstructive location) so that users still receive immediate feedback without covering the settings UI.

Current Behavior

  • Toggle any setting on the Settings page.
  • A snackbar appears near the center of the page.
  • Multiple notifications stack vertically in the same location.
  • The notifications overlap the settings section, making it difficult to continue interacting with nearby controls until they disappear.

Expected Behavior

Display snackbar notifications in a location that does not obstruct the main content, for example:

  • Left side of the page (preferred), or
  • Another standard toast location (e.g., bottom-right or top-right), depending on the design system.

The notifications should remain visible while allowing users to continue interacting with the settings uninterrupted.

Why this improves UX

  • Prevents notifications from covering the settings the user is modifying.
  • Reduces visual interruption during rapid enable/disable actions.
  • Makes it easier to continue interacting with nearby controls while feedback is displayed.
  • Improves usability when multiple snackbar notifications are shown simultaneously.

Step-by-step reproduction instructions

  1. Navigate to the Settings page.
  2. Enable or disable one or more settings.
  3. Observe the position of the snackbar notification.

Screenshots, screen recording, code snippet

Current Behaviour

  • Snackbar appears centered over the settings content.
Image

Proposed Behaviour:

  • Snackbar appears along the left side of the page, outside the primary content area, where it remains visible without obstructing controls.
Image

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except the AI plugin.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Type] BugSomething isn't working

    Type

    No type

    Projects

    Status
    Done

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions