Skip to content

Decorators aren't highlighted in three dot dropdown menu when used #11051

@jreid06

Description

@jreid06

Describe the bug

When using a decorator that shows in the three-dot menu dropdown it doesn't show any highlighting to let the user know that its' currently in use. This can lead to the user having to guess whether the decorator is still applied or not. However when shows in the toolbar the highlighted style shows

To Reproduce

Steps to reproduce the behavior:

  1. Create a list of decorators with enough options to make the three-dot menu appear
  2. Select the decorator at the end of the list (make sure it's in the dropdown)
  3. Click the three dots again, you'll see it's not highlighted
  4. Re-arrange the list and move the decorator to the beginning
  5. Now you'll see the decorator highlighted as expected

Expected behavior

The selected decorator still shows a highlighted state whether shown in the toolbar or in the three-dot dropdown

Screenshots

Extra Bold decorator is selected, but no highlighting when shown in the dropdown list

Image

Extra Bold decorator is selected, with highlighting shown in the toolbar

Image

Which versions of Sanity are you using?

Image

What operating system are you using?

MAC OS Tahoe 26.0.1

Which versions of Node.js / npm are you running?

11.6.0
v24.9.0

Additional context

N/A

Security issue?

N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions