Skip to content

Toggle UI elements are not correctly highlighted when active #9288

@ahukkanen

Description

@ahukkanen

Describe the bug
Decidim provides a "toggle" UI element e.g. on the notification settings page at /notifications_settings.

I would assume that as a user browsing this page using keyboard, I would see which element is currently active that I am working with.

To Reproduce

  1. Go to /notifications_settings
  2. Using the TAB key, go to one of the UI toggles
  3. Expect to see which element is active

Expected behavior
I would expect to see which toggle is active that I am working with.

Screenshots
Guess which toggle is active in this screenshot:
Toggle elements

Answer: "I want to receive an email every time I receive a notification."

Stacktrace
N/A

Extra data (please complete the following information):

  • Device: (any)
  • Device OS: (any)
  • Browser: using Chrome but I expect the same issue on all browsers
  • Decidim Version: develop
  • Decidim installation: any without CSS customizations

Additional context
N/A

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions