Editor: Show own presence in collaborative editing sessions (#76413)#76445
Merged
Editor: Show own presence in collaborative editing sessions (#76413)#76445
Conversation
* Editor: Align user block selection highlight with collaborator highlight Add box-shadow to the selected-block-outline mixin to match the visual treatment used for collaborator block highlights — white inner/outer borders and a subtle elevation shadow. The user's selection retains the theme color while gaining the same polished appearance. Co-authored-by: Claude <[email protected]> https://claude.ai/code/session_012mkKooPds1bE1YkRWVF982 * Editor: Add current user to collaborators-presence list When the showCollaborationCursor preference is enabled, the current user now appears in the collaborators-presence avatar group and popover list. The user's avatar is displayed first with the admin theme color border, and their name shows as "You" in the popover. Uses the Avatar component's name prop to preserve the full username in the tooltip. Disconnected collaborators are indicated via the dimmed prop. Co-authored-by: Claude <[email protected]> https://claude.ai/code/session_012mkKooPds1bE1YkRWVF982 * Show own presence (as a preference) * Editor: Use theme color for own cursor in collaborative sessions When a user opts in to showing their own cursor, it was rendered using their assigned collaborator color. The cursor now uses `var(--wp-admin-theme-color)`, matching how the user's own presence is shown in the collaborators list and block highlighting. Co-Authored-By: Claude Sonnet 4.6 <[email protected]> * Editor: Suppress blinking cursor line for own cursor in collaborative sessions When the user opts in to showing their own cursor, only the avatar label is rendered — not the blinking cursor line. This avoids conflicting with the browser's native caret. Co-Authored-By: Claude Sonnet 4.6 <[email protected]> * Editor: Always show own avatar in toolbar and collaborators list The showCollaborationCursor preference previously gated the current user's avatar from appearing in the AvatarGroup and CollaboratorsList. Own presence in those two surfaces is now always visible — the preference only controls cursor visibility in the editor overlay. Co-Authored-By: Claude Sonnet 4.6 <[email protected]> * Editor: Use theme color for own block highlight in collaborative sessions Applies the same isMe → theme color pattern already used for the cursor and presence list, so the current user's block highlight outline and avatar badge consistently reflect the admin theme color. Co-Authored-By: Claude Sonnet 4.6 <[email protected]> * Editor: Remove own block highlight from collaborative sessions The block highlight overlay was applying to the current user's own selection when the showCollaborationCursor preference was enabled. Own block highlighting is now fully suppressed — the block editor's built-in selection UI handles it. The preference only controls whether the user's avatar label appears over their text cursor. Co-Authored-By: Claude Sonnet 4.6 <[email protected]> * Editor: Fix avatar contrast ring using pseudo-element instead of inset box-shadow The inset box-shadow on .editor-avatar__image was unreliable because CSS paint order renders inset shadows below content — the absolutely- positioned <img> element covers it when the image loads. Replace with a ::after pseudo-element (z-index: 1) that always paints above the image. The initials fallback sets content: none since it doesn't need a contrast ring. Mirrored in avatar-iframe-styles.ts. Co-Authored-By: Claude Opus 4.6 <[email protected]> * Update editor CHANGELOG for avatar contrast ring fix Co-Authored-By: Claude Opus 4.6 <[email protected]> * Editor: Suppress selection rects for own cursor in collaborative sessions The browser already renders the user's native selection highlight, so the overlay selection rects would double up. Skip them for the current user, same as we do for the cursor line. Co-Authored-By: Claude Opus 4.6 <[email protected]> * Editor: Fix self-presence e2e test selectors to match component implementation The test used a non-existent `.list-item-you` class and `(you)` text, but the component renders all users with `.list-item` and displays `You`. Co-Authored-By: Claude Opus 4.6 <[email protected]> * Editor: Update self-presence preference copy and fix e2e tests Rename preference label to "Show avatar in blocks" with clearer help text. Fix e2e tests to reflect that the "You" entry in the collaborators list is always visible regardless of the preference — the preference only controls the cursor/highlight overlay, not list membership. Co-Authored-By: Claude Opus 4.6 <[email protected]> * Editor: Show "You" label on own cursor badge in collaborative overlay Pass `label="You"` to the Avatar badge for the current user's cursor, so the badge displays "You" instead of the username. The Avatar component automatically shows the real username in a tooltip when a custom label is set. Co-Authored-By: Claude Opus 4.6 <[email protected]> * Editor: Remove unused list-item-you CSS rule from collaborators list Co-Authored-By: Claude Opus 4.6 <[email protected]> --------- Co-authored-by: dabowman <[email protected]> Co-authored-by: chriszarate <[email protected]> Co-authored-by: maxschmeling <[email protected]> Co-authored-by: pbearne <[email protected]> Co-authored-by: smithjw1 <[email protected]>
chriszarate
added
[Type] Task
github-actions
bot
added
[Package] Editor
|
Size Change: +758 B (+0.01%) Total Size: 8.7 MB
ℹ️ View Unchanged
|
|
Flaky tests detected in 21529a3. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/23004106271
|
pento
pushed a commit
to WordPress/wordpress-develop
that referenced
this pull request
Mar 12, 2026
This updates the pinned hash from the `gutenberg` from `9b8144036fa5faf75de43d4502ff9809fcf689ad` to `8c78d87453509661a9f28f978ba2c242d515563b`. The following changes are included: - Navigation Editor: Allow any blocks to be inserted by gating contentOnly insertion rules to section blocks (WordPress/gutenberg#76189) - Add `fetchpriority=low` to `IMG` tags in collapsed Details blocks (WordPress/gutenberg#76269) - Connectors: Add logo URL support for custom AI providers (WordPress/gutenberg#76190) - Cover Block: Add a playlist parameter to loop YouTube background videos. (WordPress/gutenberg#76004) - Connectors: Memoize getConnectors selector (WordPress/gutenberg#76339) - HTML Block: Fix broken layout (WordPress/gutenberg#76278) - Tests: Skip connector logo URL tests when AI Client is unavailable (WordPress/gutenberg#76343) - Navigation Overlay: Explicitly set fetchpriority for images (WordPress/gutenberg#76208) - Connectors: Show API key source for env vars and wp-config constants (WordPress/gutenberg#76355) - Connectors: Move API key validation and masking to REST dispatch level (WordPress/gutenberg#76327) - Connectors: Replace apiFetch with core-data store selectors (WordPress/gutenberg#76333) - Do not sync local attributes (WordPress/gutenberg#76267) - Add `fetchpriority=low` to `IMG` tags in collapsed Accordion Item blocks (WordPress/gutenberg#76336) - Implement disconnection debounce after initial connection (WordPress/gutenberg#76114) - Allow Post Content to be edited when 'Show template' is active and Post content is nested in a Template Part (WordPress/gutenberg#76305) - Fix: Document Bar: Back button flickers (WordPress/gutenberg#76320) - RTC: Move event hooks from editor to core-data (WordPress/gutenberg#76358) - fix(navigation): prevent right-justified submenu overflow in custom overlays (WordPress/gutenberg#76360) - Connectors: Add connectors registry for extensibility (WordPress/gutenberg#76364) - Connectors: Add empty state when no connectors are registered (WordPress/gutenberg#76375) - Temp: Disable RTC in the site editor (WordPress/gutenberg#76223) - Connectors: Add AI Experiments plugin callout with install/activate functionality (WordPress/gutenberg#76379) - Editor: Polish real-time collaboration presence UI and move Avatar to editor package (WordPress/gutenberg#75652) (WordPress/gutenberg#76365) - RTC: Add collaborator selection highlighting in rich text (WordPress/gutenberg#76107) - Sync changes from `wp_enqueue_global_styles()` to Gutenberg override (WordPress/gutenberg#76127) - [RTC] Fix performance regression on post save (WordPress/gutenberg#76370) - Media: Enable AVIF support for client-side uploads (WordPress/gutenberg#76371) - Connectors: Move plugin status computation to script module data (WordPress/gutenberg#76409) - Revisions: Skip rendered fields in REST API responses (WordPress/gutenberg#76347) - E2E Tests: Add connector setup flow tests with test AI provider (WordPress/gutenberg#76433) - RTC: Place sync connection modal in front of popover (WordPress/gutenberg#76431) - Connectors: Sync PHP code with WordPress Core (WordPress/gutenberg#76443) - Editor: Show own presence in collaborative editing sessions (WordPress/gutenberg#76413) (WordPress/gutenberg#76445) A full list of changes can be found on GitHub: https://github.com/WordPress/gutenberg/compare/9b8144036fa5faf75de43d4502ff9809fcf689ad…8c78d87453509661a9f28f978ba2c242d515563b. Log created with: git log --reverse --format="- %s" 9b8144036fa5faf75de43d4502ff9809fcf689ad..8c78d87453509661a9f28f978ba2c242d515563b | sed 's|#\([0-9][0-9]*\)|https://github.com/WordPress/gutenberg/pull/\1|g; /github\.com\/WordPress\/gutenberg\/pull/!d' | pbcopy See #64595. git-svn-id: https://develop.svn.wordpress.org/trunk@61988 602fd350-edb4-49c9-b593-d223f7449a82
markjaquith
pushed a commit
to markjaquith/WordPress
that referenced
this pull request
Mar 12, 2026
This updates the pinned hash from the `gutenberg` from `9b8144036fa5faf75de43d4502ff9809fcf689ad` to `8c78d87453509661a9f28f978ba2c242d515563b`. The following changes are included: - Navigation Editor: Allow any blocks to be inserted by gating contentOnly insertion rules to section blocks (WordPress/gutenberg#76189) - Add `fetchpriority=low` to `IMG` tags in collapsed Details blocks (WordPress/gutenberg#76269) - Connectors: Add logo URL support for custom AI providers (WordPress/gutenberg#76190) - Cover Block: Add a playlist parameter to loop YouTube background videos. (WordPress/gutenberg#76004) - Connectors: Memoize getConnectors selector (WordPress/gutenberg#76339) - HTML Block: Fix broken layout (WordPress/gutenberg#76278) - Tests: Skip connector logo URL tests when AI Client is unavailable (WordPress/gutenberg#76343) - Navigation Overlay: Explicitly set fetchpriority for images (WordPress/gutenberg#76208) - Connectors: Show API key source for env vars and wp-config constants (WordPress/gutenberg#76355) - Connectors: Move API key validation and masking to REST dispatch level (WordPress/gutenberg#76327) - Connectors: Replace apiFetch with core-data store selectors (WordPress/gutenberg#76333) - Do not sync local attributes (WordPress/gutenberg#76267) - Add `fetchpriority=low` to `IMG` tags in collapsed Accordion Item blocks (WordPress/gutenberg#76336) - Implement disconnection debounce after initial connection (WordPress/gutenberg#76114) - Allow Post Content to be edited when 'Show template' is active and Post content is nested in a Template Part (WordPress/gutenberg#76305) - Fix: Document Bar: Back button flickers (WordPress/gutenberg#76320) - RTC: Move event hooks from editor to core-data (WordPress/gutenberg#76358) - fix(navigation): prevent right-justified submenu overflow in custom overlays (WordPress/gutenberg#76360) - Connectors: Add connectors registry for extensibility (WordPress/gutenberg#76364) - Connectors: Add empty state when no connectors are registered (WordPress/gutenberg#76375) - Temp: Disable RTC in the site editor (WordPress/gutenberg#76223) - Connectors: Add AI Experiments plugin callout with install/activate functionality (WordPress/gutenberg#76379) - Editor: Polish real-time collaboration presence UI and move Avatar to editor package (WordPress/gutenberg#75652) (WordPress/gutenberg#76365) - RTC: Add collaborator selection highlighting in rich text (WordPress/gutenberg#76107) - Sync changes from `wp_enqueue_global_styles()` to Gutenberg override (WordPress/gutenberg#76127) - [RTC] Fix performance regression on post save (WordPress/gutenberg#76370) - Media: Enable AVIF support for client-side uploads (WordPress/gutenberg#76371) - Connectors: Move plugin status computation to script module data (WordPress/gutenberg#76409) - Revisions: Skip rendered fields in REST API responses (WordPress/gutenberg#76347) - E2E Tests: Add connector setup flow tests with test AI provider (WordPress/gutenberg#76433) - RTC: Place sync connection modal in front of popover (WordPress/gutenberg#76431) - Connectors: Sync PHP code with WordPress Core (WordPress/gutenberg#76443) - Editor: Show own presence in collaborative editing sessions (WordPress/gutenberg#76413) (WordPress/gutenberg#76445) A full list of changes can be found on GitHub: https://github.com/WordPress/gutenberg/compare/9b8144036fa5faf75de43d4502ff9809fcf689ad…8c78d87453509661a9f28f978ba2c242d515563b. Log created with: git log --reverse --format="- %s" 9b8144036fa5faf75de43d4502ff9809fcf689ad..8c78d87453509661a9f28f978ba2c242d515563b | sed 's|#\([0-9][0-9]*\)|https://github.com/WordPress/gutenberg/pull/\1|g; /github\.com\/WordPress\/gutenberg\/pull/!d' | pbcopy See #64595. Built from https://develop.svn.wordpress.org/trunk@61988 git-svn-id: http://core.svn.wordpress.org/trunk@61270 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Manual backport of #76413