Skip to content

LinkControl Refresh #50891

@richtabor

Description

@richtabor

This issue combines design explorations into one implementation plan and supersedes #49091 for tracking LinkControl. There are three key area of this proposal: inline, navigation, and image links.

I've drawn out the flows for each key area below, consolidating feedback into actionable issues to improve link application across the editor experience. And the tasks listed are prioritized in general implementation order.

Tasks

Follow-up

Inline links

CleanShot 2023-05-30 at 13 09 50

Key concepts:

  • Initial state suggests pages (scrollable area).
  • Search results return from all available post types.
  • "Add new page" opens this modal.
  • Only either “Add link” or “Add new page” is rendered, based on the field value.
  • Press enter, or click “Add link:” to add a link/item.
  • Clicking on an inline link brings up the edit state of the link.
  • The “Save” button is disabled unless there are changes.

Navigation links

CleanShot 2023-05-30 at 13 56 24

Key concepts:

  • Initial state suggests pages (scrollable area).
  • Search results return from all available post types.
  • “Add block” control is appended to the foot of the component.
  • Navigation Link block variations (Post Link, Category Link, Tag Link, etc) initial state renders type based on the variation—i.e. Category Link renders categories.
  • Navigation Link search results return items based on the query type.

Media links

CleanShot 2023-05-30 at 13 11 23

Key concepts:

  • Replaces the existing control on media blocks (Image, Media & Text).
  • Initial state suggests pages (scrollable area).
  • Search results return from all available post types.
  • Media-specific tooling to link to the image file and the attachment page.

props to @getdave @jasmussen @jameskoster @SaxonF.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Accessibility FeedbackNeed input from accessibility[Feature] Link EditingLink components (LinkControl, URLInput) and integrations (RichText link formatting)[Package] Block editor/packages/block-editor[Type] OverviewComprehensive, high level view of an area of focus often with multiple tracking issues

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions