@atlaskit/editor-plugin-show-diff 16.0.8 → 16.0.10

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 16.0.10
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.0.9
+
+### Patch Changes
+
+- [`c00ea38023074`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c00ea38023074) -
+  [ux] Contributor tags on changed block nodes now sit on the block's own top-left corner, instead
+  of drifting by that node type's margin. Behind `confluence_ncs_step_diffing_version_history`.
+- Updated dependencies
+
 ## 16.0.8
 
 ### Patch Changes

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.js

@@ -198,6 +198,11 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
     from: change.from,
     name: change.name
   });
+  // Named so this block's own tag can position against it; see `createContributorTagWidget`.
+  var tagAnchorName = shouldTagBlock && (0, _createContributorTagWidget.isContributorTagWidgetEnabled)() ? (0, _decorationKeys.buildAnchorDecorationKey)({
+    diffId: diffId,
+    anchorType: _decorationKeys.AnchorTypeKey.tag
+  }) : undefined;
   if (shouldHideDeleted) {
     return [_view.Decoration.node(change.from, change.to, {
       style: displayNoneStyle
@@ -236,13 +241,16 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
     }));
   }
   // isInserted is only read under the extended experience, so pass it unconditionally.
-  var style = getBlockNodeStyle({
+  var nodeStyle = getBlockNodeStyle({
     nodeName: change.name,
     colorScheme: colorScheme,
     isInserted: isInserted,
     isActive: isActive,
     diffType: diffType
   });
+  var style = tagAnchorName ? [nodeStyle, (0, _lazyNodeView.convertToInlineCss)({
+    anchorName: "--".concat(tagAnchorName)
+  })].filter(Boolean).join(' ') : nodeStyle;
   var className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(_view.Decoration.node(change.from, change.to, _objectSpread({
@@ -280,6 +288,7 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
   if (shouldTagBlock && doc) {
     var tagWidget = (0, _createContributorTagWidget.createContributorTagWidget)({
       anchorAtRangeStart: true,
+      anchorName: tagAnchorName,
       doc: doc,
       from: change.from,
       to: change.to,

package/dist/cjs/pm-plugins/decorations/createContributorTagWidget.js

@@ -38,13 +38,15 @@ var isContributorTagWidgetEnabled = exports.isContributorTagWidgetEnabled = func
  * (EDITOR-8702).
  */
 var mountContributorTag = exports.mountContributorTag = function mountContributorTag(_ref) {
-  var diffId = _ref.diffId,
+  var anchorName = _ref.anchorName,
+    diffId = _ref.diffId,
     host = _ref.host,
     mountContext = _ref.mountContext;
   if (!mountContext) {
     return undefined;
   }
   var controller = new _contributorTagController.ContributorTagController(_objectSpread(_objectSpread({}, mountContext), {}, {
+    anchorName: anchorName,
     diffId: diffId
   }));
   controller.mount(host);
@@ -76,14 +78,25 @@ var unmountContributorTag = exports.unmountContributorTag = function unmountCont
 /**
  * A zero-size inline host for one contributor tag. `position: relative` makes it the containing
  * block of the absolutely positioned tag, so the tag sits on the change with no measurement.
+ *
+ * An anchored tag takes a static host instead: an anchor is only acceptable when it sits inside the
+ * tag's containing block, and the block node is not inside this host. Measured in Chrome 153 — a
+ * relative host makes the `anchor()` insets resolve to `auto`.
  */
-var buildContributorTagHost = function buildContributorTagHost(diffId) {
+var buildContributorTagHost = function buildContributorTagHost(diffId, anchorName) {
   var host = document.createElement('span');
   host.setAttribute(CONTRIBUTOR_TAG_HOST_ATTRIBUTE, diffId);
-  host.style.setProperty('position', 'relative');
+  if (!anchorName) {
+    host.style.setProperty('position', 'relative');
+  }
   return host;
 };
 
+/** Without anchor positioning the tag keeps its host-relative placement. */
+var supportsAnchorPositioning = function supportsAnchorPositioning() {
+  return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('bottom', 'anchor(--a top)');
+};
+
 /**
  * The host for a tag on deleted content, which renders inside its own widget decoration rather than
  * needing one of its own. Unmount with `unmountContributorTag` from that widget's `destroy`.
@@ -183,6 +196,7 @@ var resolveCodeBlockStart = function resolveCodeBlockStart(doc, pos) {
 var createContributorTagWidget = exports.createContributorTagWidget = function createContributorTagWidget(_ref3) {
   var _ref3$anchorAtRangeSt = _ref3.anchorAtRangeStart,
     anchorAtRangeStart = _ref3$anchorAtRangeSt === void 0 ? false : _ref3$anchorAtRangeSt,
+    anchorName = _ref3.anchorName,
     doc = _ref3.doc,
     from = _ref3.from,
     to = _ref3.to,
@@ -191,6 +205,7 @@ var createContributorTagWidget = exports.createContributorTagWidget = function c
   if (!isContributorTagWidgetEnabled()) {
     return undefined;
   }
+  var tagAnchorName = anchorName && supportsAnchorPositioning() ? anchorName : undefined;
 
   // Reassigned when ProseMirror redraws this decoration, which it may do more than once for the
   // same `Decoration` instance.
@@ -201,8 +216,9 @@ var createContributorTagWidget = exports.createContributorTagWidget = function c
   return _view.Decoration.widget(
   // Keep the host out of the table row's grid (EDITOR-8442).
   (0, _createAnchorDecorationWidgets.clampAnchorPosIntoCell)(doc, codeBlockPos !== null && codeBlockPos !== void 0 ? codeBlockPos : anchorPos, 1), function () {
-    var host = buildContributorTagHost(diffId);
+    var host = buildContributorTagHost(diffId, tagAnchorName);
     mount = mountContributorTag({
+      anchorName: tagAnchorName,
       diffId: diffId,
       host: host,
       mountContext: mountContext

package/dist/cjs/pm-plugins/decorations/decorationKeys.js

@@ -25,7 +25,9 @@ var AnchorTypeKey = exports.AnchorTypeKey = {
   from: 'from',
   to: 'to',
   left: 'left',
-  docMargin: 'doc-margin'
+  docMargin: 'doc-margin',
+  /** The decorated block itself, which its contributor tag positions against. */
+  tag: 'tag'
 };
 
 /**

package/dist/cjs/ui/ContributorTag/buildContributorTagDom.js

@@ -186,10 +186,19 @@ var createSpan = function createSpan(doc, style) {
  *
  * Built element by element rather than through `DOMSerializer.renderSpec`, which returns `Node` and
  * would need a cast per reference below.
+ *
+ * `anchorName` is the `anchor-name` its block carries — see `createContributorTagWidget`.
  */
-var buildContributorTagDom = exports.buildContributorTagDom = function buildContributorTagDom(doc) {
+var buildContributorTagDom = exports.buildContributorTagDom = function buildContributorTagDom(doc, anchorName) {
   var labelId = generateLabelId();
   var root = createSpan(doc, constraintStyle);
+  if (anchorName) {
+    // Anchored to the block's own box, so the tag clears whatever margin its node type has — the
+    // same `anchor()` insets the `IndicatorBar` uses. A browser without anchor positioning rejects
+    // these values and keeps the `bottom: 100%` fallback above.
+    root.style.setProperty('bottom', "anchor(--".concat(anchorName, " top)"));
+    root.style.setProperty('inset-inline-start', "anchor(--".concat(anchorName, " left)"));
+  }
   var tag = createSpan(doc, tagStyle, {
     class: CONTRIBUTOR_TAG_CLASS,
     'data-testid': CONTRIBUTOR_TAG_TESTID,

package/dist/cjs/ui/ContributorTag/contributorTagController.js

@@ -186,7 +186,7 @@ var ContributorTagController = exports.ContributorTagController = /*#__PURE__*/f
         return;
       }
       if (!this.dom) {
-        this.dom = (0, _buildContributorTagDom.buildContributorTagDom)(host.ownerDocument);
+        this.dom = (0, _buildContributorTagDom.buildContributorTagDom)(host.ownerDocument, this.options.anchorName);
         this.bindTag(this.dom);
         host.appendChild(this.dom.root);
       }

package/dist/es2019/pm-plugins/decorations/createBlockChangedDecoration.js

@@ -6,8 +6,8 @@ import { isExtendedEnabled } from '../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildDeletedBlockNodeStyle, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildInsertedBlockNodeStyle } from './colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme } from './colorSchemes/schemes';
 import { createBlockIndicatorAnchorWidgets } from './createAnchorDecorationWidgets';
-import { createContributorTagWidget } from './createContributorTagWidget';
-import { buildDiffDecorationSpec } from './decorationKeys';
+import { createContributorTagWidget, isContributorTagWidgetEnabled } from './createContributorTagWidget';
+import { AnchorTypeKey, buildAnchorDecorationKey, buildDiffDecorationSpec } from './decorationKeys';
 import { getBlockNodeStyleLegacy, resolveCellOverlayStyleLegacy } from './createBlockChangedDecoration.styles.legacy';
 const displayNoneStyle = convertToInlineCss({
   display: 'none'
@@ -178,6 +178,11 @@ export const createBlockChangedDecoration = ({
     from: change.from,
     name: change.name
   });
+  // Named so this block's own tag can position against it; see `createContributorTagWidget`.
+  const tagAnchorName = shouldTagBlock && isContributorTagWidgetEnabled() ? buildAnchorDecorationKey({
+    diffId,
+    anchorType: AnchorTypeKey.tag
+  }) : undefined;
   if (shouldHideDeleted) {
     return [Decoration.node(change.from, change.to, {
       style: displayNoneStyle
@@ -216,13 +221,16 @@ export const createBlockChangedDecoration = ({
     }));
   }
   // isInserted is only read under the extended experience, so pass it unconditionally.
-  const style = getBlockNodeStyle({
+  const nodeStyle = getBlockNodeStyle({
     nodeName: change.name,
     colorScheme,
     isInserted,
     isActive,
     diffType
   });
+  const style = tagAnchorName ? [nodeStyle, convertToInlineCss({
+    anchorName: `--${tagAnchorName}`
+  })].filter(Boolean).join(' ') : nodeStyle;
   const className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(Decoration.node(change.from, change.to, {
@@ -262,6 +270,7 @@ export const createBlockChangedDecoration = ({
   if (shouldTagBlock && doc) {
     const tagWidget = createContributorTagWidget({
       anchorAtRangeStart: true,
+      anchorName: tagAnchorName,
       doc,
       from: change.from,
       to: change.to,

package/dist/es2019/pm-plugins/decorations/createContributorTagWidget.js

@@ -27,6 +27,7 @@ export const isContributorTagWidgetEnabled = () => fg('confluence_ncs_step_diffi
  * (EDITOR-8702).
  */
 export const mountContributorTag = ({
+  anchorName,
   diffId,
   host,
   mountContext
@@ -36,6 +37,7 @@ export const mountContributorTag = ({
   }
   const controller = new ContributorTagController({
     ...mountContext,
+    anchorName,
     diffId
   });
   controller.mount(host);
@@ -65,14 +67,23 @@ export const unmountContributorTag = mount => {
 /**
  * A zero-size inline host for one contributor tag. `position: relative` makes it the containing
  * block of the absolutely positioned tag, so the tag sits on the change with no measurement.
+ *
+ * An anchored tag takes a static host instead: an anchor is only acceptable when it sits inside the
+ * tag's containing block, and the block node is not inside this host. Measured in Chrome 153 — a
+ * relative host makes the `anchor()` insets resolve to `auto`.
  */
-const buildContributorTagHost = diffId => {
+const buildContributorTagHost = (diffId, anchorName) => {
   const host = document.createElement('span');
   host.setAttribute(CONTRIBUTOR_TAG_HOST_ATTRIBUTE, diffId);
-  host.style.setProperty('position', 'relative');
+  if (!anchorName) {
+    host.style.setProperty('position', 'relative');
+  }
   return host;
 };
 
+/** Without anchor positioning the tag keeps its host-relative placement. */
+const supportsAnchorPositioning = () => typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('bottom', 'anchor(--a top)');
+
 /**
  * The host for a tag on deleted content, which renders inside its own widget decoration rather than
  * needing one of its own. Unmount with `unmountContributorTag` from that widget's `destroy`.
@@ -171,6 +182,7 @@ const resolveCodeBlockStart = (doc, pos) => {
  */
 export const createContributorTagWidget = ({
   anchorAtRangeStart = false,
+  anchorName,
   doc,
   from,
   to,
@@ -180,6 +192,7 @@ export const createContributorTagWidget = ({
   if (!isContributorTagWidgetEnabled()) {
     return undefined;
   }
+  const tagAnchorName = anchorName && supportsAnchorPositioning() ? anchorName : undefined;
 
   // Reassigned when ProseMirror redraws this decoration, which it may do more than once for the
   // same `Decoration` instance.
@@ -190,8 +203,9 @@ export const createContributorTagWidget = ({
   return Decoration.widget(
   // Keep the host out of the table row's grid (EDITOR-8442).
   clampAnchorPosIntoCell(doc, codeBlockPos !== null && codeBlockPos !== void 0 ? codeBlockPos : anchorPos, 1), () => {
-    const host = buildContributorTagHost(diffId);
+    const host = buildContributorTagHost(diffId, tagAnchorName);
     mount = mountContributorTag({
+      anchorName: tagAnchorName,
       diffId,
       host,
       mountContext

package/dist/es2019/pm-plugins/decorations/decorationKeys.js

@@ -12,7 +12,9 @@ export const AnchorTypeKey = {
   from: 'from',
   to: 'to',
   left: 'left',
-  docMargin: 'doc-margin'
+  docMargin: 'doc-margin',
+  /** The decorated block itself, which its contributor tag positions against. */
+  tag: 'tag'
 };
 
 /**

package/dist/es2019/ui/ContributorTag/buildContributorTagDom.js

@@ -172,10 +172,19 @@ const createSpan = (doc, style, attributes = {}) => {
  *
  * Built element by element rather than through `DOMSerializer.renderSpec`, which returns `Node` and
  * would need a cast per reference below.
+ *
+ * `anchorName` is the `anchor-name` its block carries — see `createContributorTagWidget`.
  */
-export const buildContributorTagDom = doc => {
+export const buildContributorTagDom = (doc, anchorName) => {
   const labelId = generateLabelId();
   const root = createSpan(doc, constraintStyle);
+  if (anchorName) {
+    // Anchored to the block's own box, so the tag clears whatever margin its node type has — the
+    // same `anchor()` insets the `IndicatorBar` uses. A browser without anchor positioning rejects
+    // these values and keeps the `bottom: 100%` fallback above.
+    root.style.setProperty('bottom', `anchor(--${anchorName} top)`);
+    root.style.setProperty('inset-inline-start', `anchor(--${anchorName} left)`);
+  }
   const tag = createSpan(doc, tagStyle, {
     class: CONTRIBUTOR_TAG_CLASS,
     'data-testid': CONTRIBUTOR_TAG_TESTID,

package/dist/es2019/ui/ContributorTag/contributorTagController.js

@@ -160,7 +160,7 @@ export class ContributorTagController {
       return;
     }
     if (!this.dom) {
-      this.dom = buildContributorTagDom(host.ownerDocument);
+      this.dom = buildContributorTagDom(host.ownerDocument, this.options.anchorName);
       this.bindTag(this.dom);
       host.appendChild(this.dom.root);
     }

package/dist/esm/pm-plugins/decorations/createBlockChangedDecoration.js

@@ -10,8 +10,8 @@ import { isExtendedEnabled } from '../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildDeletedBlockNodeStyle, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildInsertedBlockNodeStyle } from './colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme } from './colorSchemes/schemes';
 import { createBlockIndicatorAnchorWidgets } from './createAnchorDecorationWidgets';
-import { createContributorTagWidget } from './createContributorTagWidget';
-import { buildDiffDecorationSpec } from './decorationKeys';
+import { createContributorTagWidget, isContributorTagWidgetEnabled } from './createContributorTagWidget';
+import { AnchorTypeKey, buildAnchorDecorationKey, buildDiffDecorationSpec } from './decorationKeys';
 import { getBlockNodeStyleLegacy, resolveCellOverlayStyleLegacy } from './createBlockChangedDecoration.styles.legacy';
 var displayNoneStyle = convertToInlineCss({
   display: 'none'
@@ -191,6 +191,11 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
     from: change.from,
     name: change.name
   });
+  // Named so this block's own tag can position against it; see `createContributorTagWidget`.
+  var tagAnchorName = shouldTagBlock && isContributorTagWidgetEnabled() ? buildAnchorDecorationKey({
+    diffId: diffId,
+    anchorType: AnchorTypeKey.tag
+  }) : undefined;
   if (shouldHideDeleted) {
     return [Decoration.node(change.from, change.to, {
       style: displayNoneStyle
@@ -229,13 +234,16 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
     }));
   }
   // isInserted is only read under the extended experience, so pass it unconditionally.
-  var style = getBlockNodeStyle({
+  var nodeStyle = getBlockNodeStyle({
     nodeName: change.name,
     colorScheme: colorScheme,
     isInserted: isInserted,
     isActive: isActive,
     diffType: diffType
   });
+  var style = tagAnchorName ? [nodeStyle, convertToInlineCss({
+    anchorName: "--".concat(tagAnchorName)
+  })].filter(Boolean).join(' ') : nodeStyle;
   var className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(Decoration.node(change.from, change.to, _objectSpread({
@@ -273,6 +281,7 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
   if (shouldTagBlock && doc) {
     var tagWidget = createContributorTagWidget({
       anchorAtRangeStart: true,
+      anchorName: tagAnchorName,
       doc: doc,
       from: change.from,
       to: change.to,

package/dist/esm/pm-plugins/decorations/createContributorTagWidget.js

@@ -32,13 +32,15 @@ export var isContributorTagWidgetEnabled = function isContributorTagWidgetEnable
  * (EDITOR-8702).
  */
 export var mountContributorTag = function mountContributorTag(_ref) {
-  var diffId = _ref.diffId,
+  var anchorName = _ref.anchorName,
+    diffId = _ref.diffId,
     host = _ref.host,
     mountContext = _ref.mountContext;
   if (!mountContext) {
     return undefined;
   }
   var controller = new ContributorTagController(_objectSpread(_objectSpread({}, mountContext), {}, {
+    anchorName: anchorName,
     diffId: diffId
   }));
   controller.mount(host);
@@ -70,14 +72,25 @@ export var unmountContributorTag = function unmountContributorTag(mount) {
 /**
  * A zero-size inline host for one contributor tag. `position: relative` makes it the containing
  * block of the absolutely positioned tag, so the tag sits on the change with no measurement.
+ *
+ * An anchored tag takes a static host instead: an anchor is only acceptable when it sits inside the
+ * tag's containing block, and the block node is not inside this host. Measured in Chrome 153 — a
+ * relative host makes the `anchor()` insets resolve to `auto`.
  */
-var buildContributorTagHost = function buildContributorTagHost(diffId) {
+var buildContributorTagHost = function buildContributorTagHost(diffId, anchorName) {
   var host = document.createElement('span');
   host.setAttribute(CONTRIBUTOR_TAG_HOST_ATTRIBUTE, diffId);
-  host.style.setProperty('position', 'relative');
+  if (!anchorName) {
+    host.style.setProperty('position', 'relative');
+  }
   return host;
 };
 
+/** Without anchor positioning the tag keeps its host-relative placement. */
+var supportsAnchorPositioning = function supportsAnchorPositioning() {
+  return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('bottom', 'anchor(--a top)');
+};
+
 /**
  * The host for a tag on deleted content, which renders inside its own widget decoration rather than
  * needing one of its own. Unmount with `unmountContributorTag` from that widget's `destroy`.
@@ -177,6 +190,7 @@ var resolveCodeBlockStart = function resolveCodeBlockStart(doc, pos) {
 export var createContributorTagWidget = function createContributorTagWidget(_ref3) {
   var _ref3$anchorAtRangeSt = _ref3.anchorAtRangeStart,
     anchorAtRangeStart = _ref3$anchorAtRangeSt === void 0 ? false : _ref3$anchorAtRangeSt,
+    anchorName = _ref3.anchorName,
     doc = _ref3.doc,
     from = _ref3.from,
     to = _ref3.to,
@@ -185,6 +199,7 @@ export var createContributorTagWidget = function createContributorTagWidget(_ref
   if (!isContributorTagWidgetEnabled()) {
     return undefined;
   }
+  var tagAnchorName = anchorName && supportsAnchorPositioning() ? anchorName : undefined;
 
   // Reassigned when ProseMirror redraws this decoration, which it may do more than once for the
   // same `Decoration` instance.
@@ -195,8 +210,9 @@ export var createContributorTagWidget = function createContributorTagWidget(_ref
   return Decoration.widget(
   // Keep the host out of the table row's grid (EDITOR-8442).
   clampAnchorPosIntoCell(doc, codeBlockPos !== null && codeBlockPos !== void 0 ? codeBlockPos : anchorPos, 1), function () {
-    var host = buildContributorTagHost(diffId);
+    var host = buildContributorTagHost(diffId, tagAnchorName);
     mount = mountContributorTag({
+      anchorName: tagAnchorName,
       diffId: diffId,
       host: host,
       mountContext: mountContext

package/dist/esm/pm-plugins/decorations/decorationKeys.js

@@ -16,7 +16,9 @@ export var AnchorTypeKey = {
   from: 'from',
   to: 'to',
   left: 'left',
-  docMargin: 'doc-margin'
+  docMargin: 'doc-margin',
+  /** The decorated block itself, which its contributor tag positions against. */
+  tag: 'tag'
 };
 
 /**

package/dist/esm/ui/ContributorTag/buildContributorTagDom.js

@@ -179,10 +179,19 @@ var createSpan = function createSpan(doc, style) {
  *
  * Built element by element rather than through `DOMSerializer.renderSpec`, which returns `Node` and
  * would need a cast per reference below.
+ *
+ * `anchorName` is the `anchor-name` its block carries — see `createContributorTagWidget`.
  */
-export var buildContributorTagDom = function buildContributorTagDom(doc) {
+export var buildContributorTagDom = function buildContributorTagDom(doc, anchorName) {
   var labelId = generateLabelId();
   var root = createSpan(doc, constraintStyle);
+  if (anchorName) {
+    // Anchored to the block's own box, so the tag clears whatever margin its node type has — the
+    // same `anchor()` insets the `IndicatorBar` uses. A browser without anchor positioning rejects
+    // these values and keeps the `bottom: 100%` fallback above.
+    root.style.setProperty('bottom', "anchor(--".concat(anchorName, " top)"));
+    root.style.setProperty('inset-inline-start', "anchor(--".concat(anchorName, " left)"));
+  }
   var tag = createSpan(doc, tagStyle, {
     class: CONTRIBUTOR_TAG_CLASS,
     'data-testid': CONTRIBUTOR_TAG_TESTID,

package/dist/esm/ui/ContributorTag/contributorTagController.js

@@ -179,7 +179,7 @@ export var ContributorTagController = /*#__PURE__*/function () {
         return;
       }
       if (!this.dom) {
-        this.dom = buildContributorTagDom(host.ownerDocument);
+        this.dom = buildContributorTagDom(host.ownerDocument, this.options.anchorName);
         this.bindTag(this.dom);
         host.appendChild(this.dom.root);
       }

package/dist/types/pm-plugins/decorations/createContributorTagWidget.d.ts

@@ -28,7 +28,8 @@ export type ContributorTagMount = {
  * destroying the one it replaces, the outgoing `destroy` cannot take the incoming tag down with it
  * (EDITOR-8702).
  */
-export declare const mountContributorTag: ({ diffId, host, mountContext, }: {
+export declare const mountContributorTag: ({ anchorName, diffId, host, mountContext, }: {
+    anchorName?: string;
     diffId: string;
     host: HTMLElement;
     mountContext: ContributorTagMountContext | undefined;
@@ -50,12 +51,18 @@ export declare const createContributorTagHost: (diffId: string, mountContext?: C
  * The tag is mounted in `toDOM` and taken down in `destroy`, so it lives exactly as long as the host
  * element ProseMirror drew it into — see `mountContributorTag`.
  */
-export declare const createContributorTagWidget: ({ anchorAtRangeStart, doc, from, to, diffId, mountContext, }: {
+export declare const createContributorTagWidget: ({ anchorAtRangeStart, anchorName, doc, from, to, diffId, mountContext, }: {
     /**
      * Anchor the host at `from` instead of the range's first inline content, so a block range hosts
      * its tag outside the node rather than inside its content DOM.
      */
     anchorAtRangeStart?: boolean;
+    /**
+     * The `anchor-name` the block's own decoration carries, so the tag positions against that box
+     * rather than against its host — the block's margin and padding are then the browser's to
+     * resolve, and the tag sits on the same corner for every node type (EDITOR-8933).
+     */
+    anchorName?: string;
     diffId: string;
     doc: PMNode;
     from: number;

package/dist/types/pm-plugins/decorations/decorationKeys.d.ts

@@ -46,6 +46,8 @@ export declare const AnchorTypeKey: {
     readonly to: 'to';
     readonly left: 'left';
     readonly docMargin: 'doc-margin';
+    /** The decorated block itself, which its contributor tag positions against. */
+    readonly tag: 'tag';
 };
 export type InlineAnchorType = Exclude<(typeof AnchorTypeKey)[keyof typeof AnchorTypeKey], typeof AnchorTypeKey.docMargin>;
 export type AnchorDecorationSpec = (BaseDecorationSpec<typeof DecorationFamily.anchor> & {

package/dist/types/ui/ContributorTag/buildContributorTagDom.d.ts

@@ -60,5 +60,7 @@ export type ContributorTagDom = {
  *
  * Built element by element rather than through `DOMSerializer.renderSpec`, which returns `Node` and
  * would need a cast per reference below.
+ *
+ * `anchorName` is the `anchor-name` its block carries — see `createContributorTagWidget`.
  */
-export declare const buildContributorTagDom: (doc: Document) => ContributorTagDom;
+export declare const buildContributorTagDom: (doc: Document, anchorName?: string) => ContributorTagDom;

package/dist/types/ui/ContributorTag/contributorTagController.d.ts

@@ -2,6 +2,8 @@ import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ShowDiffPlugin } from '../../showDiffPluginType';
 export type ContributorTagControllerOptions = {
+    /** The `anchor-name` of the block this tag captions, when it has one. */
+    anchorName?: string;
     api?: ExtractInjectionAPI<ShowDiffPlugin>;
     diffId: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "16.0.8",
+	"version": "16.0.10",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/tmp-editor-statsig": "^193.0.0",
+		"@atlaskit/tmp-editor-statsig": "^194.0.0",
 		"@atlaskit/tokens": "^16.12.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -57,14 +57,14 @@
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/editor-ai-injected-editors": "^32.0.0",
-		"@atlassian/editor-plugin-ai": "^72.1.0",
+		"@atlassian/editor-plugin-ai": "^72.2.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^122.4.0",
+		"@atlaskit/editor-common": "^122.6.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"