Skip to content

Migrate DropdownMenu instances to Menu #61094

@jameskoster

Description

@jameskoster

Menu (formerly 'DropdownMenu V2') includes several benefits like support for flyout menus, improved accessibility, and consistent treatment of checkbox/radio groups. It would be good to migrate instances of DropdownMenu to the new component to make use of those benefits, and visually align menus across.

Editor

  • Block options menus (appears in block toolbar and List View) Migrate block options menu to DropdownMenu v2 and use flyout menus to re-organise actions #49271
  • Block toolbar menus, e.g. text alignment
  • Editor modes
  • Inserter -> Pattern filter menu
  • View menu in top toolbar
  • Options menu in top toolbar
  • Document actions menu in Inspector
  • Toolspanel ellipsis menu
  • Ellipsis menu in global styles panel header
  • Block transforms
  • Navigation menu switcher/tools
  • Media replacement (see Site Logo block inspector/toolbar)
  • Aspect ratio (in block toolbar when cropping an image)
  • Template menu in page details
  • Quick Inserter

Admin

  • Add pattern menu
  • Navigation menu actions (in details panel)
  • Template actions (in details panel)
  • Template part actions (in details panel)

Many of these menus can be replicated 1:1 with the new component, so hopefully a lot of the work will be straight-forward. Some will however require some design attention. As time allows let's mock these up in Figma here.


Some initial exploration around this took place in #57996.

Metadata

Metadata

Assignees

No one assigned

    Labels

    General InterfaceParts of the UI which don't fall neatly under other labels.[Feature] UI ComponentsImpacts or related to the UI component system[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions