Skip to content

Notes iteration for WordPress 6.9 #66377

Closed
90 of 91 issues completed
Closed

Description

@ellatrix

The initial PR: #60622

Next tasks

Summary: based on the new designs, we need two separate sidebars:

  • One sidebar is coloured so it feels as an extension of the canvas. This "sidebar" should show whenever no other sidebar is open, such as inspector, global styles, second comment sidebar, etc. The comments should appear at the same height as the blocks. Only the top-level comment should be shown. Nested replies unfold when the top level comment is selected.
  • A second sidebar that is a normal plugin sidebar: has toggle, white background. This sidebar should show all comments (resolved or unresolved) in reverse chronological order. Nested replies still appear under the top level comment, and unfold when you select the top level comment.

Next on design

We should also make progress on the design for inline comments.

First off, adding comments:

Image

Add on the block level, show an overlay marker, show those bubbles. As noted for other mockups, vertically aligning comments to text is meaningful, and in fact despite our conversation above about a "looking like the background" sidebar, there was an express desire to actually have those bubbles appear in context of the block. I recognize this comment notes it to be hard to impossible, so this is a topic worth digging into, a little bit.

In a way, I could think of these being positioned near the block same as how the block toolbar is positioned near the block, just hugging the right side of the screen. Let's brainstorm and see what's reasonable.

Here are some additional screens in the same category, allowing you to add multiple block level comments:

Image

Note in all of these, the sidebar is toggled off, because—after all—these comments are shown directly in the document, in context of the block.

The sidebar, and its purpose

That brings us to the sidebar, which can serve the purpose of showing all comments added, in chronological order:

Image

When the sidebar is opened, like in this mockup, all the comments in the canvas disappear. This sidebar is also where you might search comments, or see comments already resolved.

I'll leave this open for others to add items. Cc @annezazu @jasmussen @mtias

Activity

  1. added
    [Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.
    on Oct 23, 2024
  2. hbhalodia commented on Oct 24, 2024

    @hbhalodia
    Contributor

    Hi @ellatrix, I had created a quick PR for the issue 1, to use TextareaControl instead of TextControl component - #66391

    Thank You,

  3. annezazu commented on Oct 24, 2024

    @annezazu
    Contributor

    @ellatrix disregard my original comment. Edited to just have this as a sub-issue of the main overview issue and with a new title to make it clearer this is around what's next. Thanks for pulling this together!

  4. changed the title [-]Inline Commenting[/-] [+]Inline Commenting: Next iteration[/+] on Oct 24, 2024
  5. added
    [Type] OverviewComprehensive, high level view of an area of focus often with multiple tracking issues
    Collaborative WorkflowsPhase 3 of the Gutenberg roadmap around all-things related to collaborative workflows
    and removed
    [Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.
    on Oct 24, 2024
  6. jasmussen commented on Oct 30, 2024

    @jasmussen
    Contributor

    Working on some mockups at the moment.

    In the main header toolbar button (that toggles the sidebar), could we maybe show a comment count so users know that comments have been made?

    Not sure about this. It might eventually have value, but until it does, I'd tread carefully. Notably I would not want to add a notification number to the public sidebar API until we have a clearer vision for the future of this API. So I'd suggest this one being in the lower priority bucket.

  7. jasmussen commented on Oct 30, 2024

    @jasmussen
  8. jasmussen commented on Oct 31, 2024

    @jasmussen
  9. ellatrix commented on Oct 31, 2024

    @ellatrix
    MemberAuthor

    @jasmussen It's not possible to show block comment in the canvas, since that's for content only. However, it should be possible to enlarge the canvas and position the comment UI over it (as popovers), much like the block toolbar. But this would require us to somehow "reserve" an area inside the canvas so no content can be below the comments. Perhaps a margin on the html element. Zoom-out mode has some similar margins. Although a margin on the html element would remove the canvas colour from the area. A margin on body could be tried to, but that starts to be more dangerous as it can clash with theme styles. It's tricky!

    An alternative idea would be to detect the colour of the canvas and fill the sidebar with it.

    In both cases, comments still must be rendered in the side area and be repositioned to horizontally align with the blocks.

  10. jasmussen commented on Oct 31, 2024

    @jasmussen
  11. 214 remaining items

  12. jeffpaul commented on Nov 18, 2025

    @jeffpaul
    Member

    In reviewing the list of remaining bugs with @adamsilverstein @poojabhimani12 @desrosj @roseg43 we have the following updates/thoughts on the following:

  13. removed
    Needs Dev NoteRequires a developer note for a major WordPress release cycle
    on Nov 24, 2025
  14. jeffpaul commented on Nov 25, 2025

    @jeffpaul
    Member

    In reviewing the list of remaining bugs with @poojabhimani12 @desrosj @roseg43 we have the following updates/thoughts on the following

  15. Mamaduka commented on Dec 2, 2025

    @Mamaduka
    Member

    Should we close this in favor of the WP 7.0 tracking issue?

  16. t-hamano commented on Dec 2, 2025

    @t-hamano
    Contributor

    I have moved the above outstanding tasks to the 7.0 tracking issue.

    This final remaining task should be able to be closed in time for the 6.9 release.

  17. moved this from 📋 Iteration/Tracking Issues to ✅ Done in WordPress 6.9 Editor Taskson Dec 2, 2025
  18. hanneslsm commented on Dec 2, 2025

    @hanneslsm

    Tip

    Quick link to the 7.0 tracking issue: #73260

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Needs Design FeedbackNeeds general design feedback.[Feature] NotesPhase 3 of the Gutenberg roadmap around block commenting[Status] In ProgressTracking issues with work in progress[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