Skip to content

Notes iteration for WordPress 7.1 #76316

Closed
18 of 18 issues completed
Closed

Description

@annezazu

Following on from the work in #66377 and #73260 for the last two respective releases, this issue serves as the iteration issue for Notes enhancements, tasks, and bug fixes planned for WordPress 7.1.

Designs

Pulling from @jasmussen lovely comment here, below are some designs for implementing aspects of the above scope.

Expand to view designs

Adding notes, even inline

Image

Make a selection, click the floating button (or we add a button in the main block toolbar). Notes can exist in the canvas even with a sidebar open.

Managing notes

Image

The notes top toolbar button appears when you have notes in a post or page, not before.

You can see notes also in the notes sidebar, with a clear visual separator between unresolved and resolved notes.

Suggesting

Image

Making suggested changes requires us to find new space in the toolbar for a mode selector. Not much room there, an alternative is to integrate with the kebab menu:

Image

The above leans into a PR by @youknowriad that simplifies “distraction” free to a boolean choice, and moves the individual properties into the Preferences page:

Image

Note the addition of a new Show notes in the canvas toggle there, on by default. In context of compact notes, the motivation for compact notes is presumably to afford showing notes in the canvas, but without them taking up a full sidebars worth of space, and with lower emphasis.

Image

By leveraging the chevron to expand/collapse the panel, we use existing patterns for toggling note footprint, we make it someting you can toggle on and off easily while you are working across many notes, and instead of fragmenting the choice of note style into none/compact/default, we make it a boolean choice: do you want notes in the canvas or not?

Other

Included also, previous notes on avatars:

Image

... and multi-user cursors:

Image

Activity

  1. added
    [Type] IterationScoped iteration of an effort from a tracking issue or overview issue ideally for a major release.
    [Feature] NotesPhase 3 of the Gutenberg roadmap around block commenting
    on Mar 9, 2026
  2. jeffpaul commented on Mar 10, 2026

    @jeffpaul
    Member

    @annezazu are you ok if we move here the still open enhancement, bug, or task tickets from the 7.0 iteration issue? Also, for the images above, can we get those added into relevant issues (and if none exist, new issues opened)?

  3. annezazu commented on Mar 10, 2026

    @annezazu
    ContributorAuthor

    For features, I’m purposefully sharing in scope and priority issues right now. The rest can be listed as “nice to have”s minus any need to fix bugs of course.

  4. t-hamano commented on Mar 11, 2026

    @t-hamano
    Contributor
    Image Notes can exist in the canvas even with a sidebar open.

    I'm wondering how this design should be adapted for tablet/mobile view. Perhaps something like this? We need to consider what it should look like in all scenarios, as we may have to reserve a dedicated area for the floating notes bar.

    Image

    cc @jasmussen @Mamaduka @adamsilverstein

    Also note that we are considering integrating device preview and resizable editors in #75121.

  5. jasmussen commented on Mar 11, 2026

    @jasmussen
    Contributor

    I'm wondering how this design should be adapted for tablet/mobile view. Perhaps something like this? We need to consider what it should look like in all scenarios, as we may have to reserve a dedicated area for the floating notes bar.

    That's an excellent point to push, thank you. Here's a first draft, please share your pushback/feeback/thoughts. Desktop is as usual:

    Image

    Tablet could benefit from compact notes:

    Image

    Arguably missing from the above, what happens if you expand the notes tray? I imagine it would cover content until you collapse agin. But let me know instincts.

    Mobile:

    Image

    For mobile, in-canvas notes exist only insofar as their "markings" exist. Annotated images have a blue overlay, text selections have their marks. Click either of those to open a modal, which on mobile can show as a bottom sheet.

  6. jasmussen commented on Mar 11, 2026

    @jasmussen
    Contributor

    I'm wondering how this design should be adapted for tablet/mobile view. Perhaps something like this? We need to consider what it should look like in all scenarios, as we may have to reserve a dedicated area for the floating notes bar.

    Your sketch feels valid to me.

  7. 81 remaining items

  8. adamsilverstein commented on Jul 22, 2026

    @adamsilverstein
    Member

    Follow up issues for 7.2 are now here:

  9. Mamaduka commented on Aug 12, 2026

    @Mamaduka
    Member

    I think we can close this tracking issue.

  10. moved this from 📋 Iteration/Tracking Issues to ✅ Done in WordPress 7.1 Editor Taskson Aug 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] NotesPhase 3 of the Gutenberg roadmap around block commenting[Type] IterationScoped iteration of an effort from a tracking issue or overview issue ideally for a major release.

    Type

    No type

    Projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions