@atlaskit/editor-common 110.9.1 → 110.9.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 110.9.3
+
+### Patch Changes
+
+- [`2d1801fdf502c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2d1801fdf502c) -
+  [ux] AIFC-896 fix linker picker position
+- Updated dependencies
+
+## 110.9.2
+
+### Patch Changes
+
+- [`e053b5e610ac2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e053b5e610ac2) -
+  [ux] EDITOR-1652 add convert to sync block to block menu
+
 ## 110.9.1
 
 ### Patch Changes

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -254,7 +254,7 @@ function StatelessElementBrowser(props) {
   var handleClick = function handleClick() {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     (0, _react2.jsx)("div", {
       css: wrapper,
       "data-testid": "element-browser",

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -94,7 +94,7 @@ var EditToggle = exports.EditToggle = function EditToggle(_ref) {
     }
   }, [handleClick]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     (0, _react2.jsx)("div", {
       "data-testid": "extension-edit-toggle-container"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -106,7 +106,7 @@ var EditToggle = exports.EditToggle = function EditToggle(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "extension-edit-toggle-container"
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: function onMouseOver() {
         return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -163,7 +163,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     'extension-icon': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
     (0, _react.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       css: containerStyles
@@ -173,7 +173,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: customContainerStyles
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: function onMouseOver() {
         setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -241,7 +241,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         id = _this$props7.id,
         role = _this$props7.role;
       return (
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
+        // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
         (0, _react2.jsx)("li", {
           css: [container, selected && containerSelected],
           role: role,

package/dist/cjs/messages/block-menu.js

@@ -65,5 +65,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.block.menu.create.synced.block',
     defaultMessage: 'Create synced block',
     description: 'Create a synced block at this empty line'
+  },
+  convertToSyncedBlock: {
+    id: 'fabric.editor.block.menu.convert.to.synced.block',
+    defaultMessage: 'Convert to synced block',
+    description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.9.0";
+var packageVersion = "110.9.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/toolbar/rank.js

@@ -43,7 +43,7 @@ var TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = (0,
 /**
  * Text formatting group
  */
-var TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BOLD_BUTTON_GROUP.key, 100), _keys.UNDERLINE_BUTTON_GROUP.key, 200), _keys.TEXT_FORMATTING_HERO_BUTTON.key, 300), _keys.TEXT_FORMATTING_MENU.key, 400);
+var TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TEXT_FORMATTING_HERO_BUTTON.key, 100), _keys.TEXT_FORMATTING_MENU.key, 200);
 var TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED.key, 100), _keys.TEXT_FORMATTING_MENU.key, 200);
 var TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TEXT_FORMATTING_MENU_SECTION.key, 100), _keys.CLEAR_FORMARTTING_MENU_SECTION.key, 200);
 var TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BOLD_MENU_ITEM.key, 100), _keys.ITALIC_MENU_ITEM.key, 200), _keys.UNDERLINE_MENU_ITEM.key, 300), _keys.STRIKE_MENU_ITEM.key, 400), _keys.CODE_MENU_ITEM.key, 500), _keys.SUBSCRIPT_MENU_ITEM.key, 600), _keys.SUPERSCRIPT_MENU_ITEM.key, 700);

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.9.0";
+var packageVersion = "110.9.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/HoverLinkOverlay/index.js

@@ -188,7 +188,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     });
   }
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     (0, _react2.jsx)("span", {
       ref: containerRef,
       css: containerStyles,

package/dist/cjs/ui/Popup/index.js

@@ -116,7 +116,8 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         offset: offset,
         allowOutOfBounds: allowOutOfBounds,
-        rect: rect
+        rect: rect,
+        boundariesElement: (0, _platformFeatureFlags.fg)('platform_editor_link_popup_position_fix_aifc') ? boundariesElement || document.body : undefined
       });
       position = onPositionCalculated ? onPositionCalculated(position) : position;
       if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -179,6 +180,10 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "initPopup",
     value: function initPopup(popup) {
+      if (this.popupRef.current && (0, _platformFeatureFlags.fg)('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver;
+        (_this$resizeObserver = this.resizeObserver) === null || _this$resizeObserver === void 0 || _this$resizeObserver.unobserve(this.popupRef.current);
+      }
       this.popupRef.current = popup;
       var target = this.props.target;
       var overflowScrollParent = (0, _utils.findOverflowScrollParent)(popup);
@@ -203,6 +208,10 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
       if (this.props.focusTrap) {
         this.initFocusTrap();
       }
+      if (this.popupRef.current && (0, _platformFeatureFlags.fg)('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver2;
+        (_this$resizeObserver2 = this.resizeObserver) === null || _this$resizeObserver2 === void 0 || _this$resizeObserver2.observe(this.popupRef.current);
+      }
     }
   }, {
     key: "destroyFocusTrap",
@@ -283,8 +292,13 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         this.scrollElement.removeEventListener('scroll', this.onResize);
       }
-      if (this.scrollParentElement && this.resizeObserver) {
-        this.resizeObserver.unobserve(this.scrollParentElement);
+      if ((0, _platformFeatureFlags.fg)('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver3;
+        (_this$resizeObserver3 = this.resizeObserver) === null || _this$resizeObserver3 === void 0 || _this$resizeObserver3.disconnect();
+      } else {
+        if (this.scrollParentElement && this.resizeObserver) {
+          this.resizeObserver.unobserve(this.scrollParentElement);
+        }
       }
       this.scheduledUpdatePosition.cancel();
       this.destroyFocusTrap();

package/dist/cjs/ui/Popup/utils.js

@@ -144,8 +144,9 @@ var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2)
     targetHeight = _ref2.targetHeight,
     popup = _ref2.popup,
     offset = _ref2.offset,
-    position = _ref2.position;
-  var scrollParent = findOverflowScrollParent(target);
+    position = _ref2.position,
+    boundariesElement = _ref2.boundariesElement;
+  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
@@ -167,8 +168,9 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
     popupOffsetParent = _ref3.popupOffsetParent,
     offset = _ref3.offset,
     position = _ref3.position,
-    placement = _ref3.placement;
-  var scrollParent = findOverflowScrollParent(target);
+    placement = _ref3.placement,
+    boundariesElement = _ref3.boundariesElement;
+  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
@@ -229,7 +231,8 @@ function calculatePosition(_ref5) {
     stick = _ref5.stick,
     _ref5$allowOutOfBound = _ref5.allowOutOfBounds,
     allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
-    rect = _ref5.rect;
+    rect = _ref5.rect,
+    boundariesElement = _ref5.boundariesElement;
   var position = {};
   if (!target || !popup || !popup.offsetParent) {
     return position;
@@ -285,7 +288,8 @@ function calculatePosition(_ref5) {
       popup: popup,
       offset: offset,
       position: position,
-      placement: verticalPlacement
+      placement: verticalPlacement,
+      boundariesElement: boundariesElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -295,7 +299,8 @@ function calculatePosition(_ref5) {
       targetHeight: targetHeight,
       popup: popup,
       offset: offset,
-      position: position
+      position: position,
+      boundariesElement: boundariesElement
     });
   }
   var horizontalPosition = calculateHorizontalPlacement({

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -323,7 +323,7 @@ function DropdownMenuItem(_ref) {
   // especially when we pass any interactive element as a item.content
   var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   var dropListItem =
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
   (0, _react2.jsx)("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -240,7 +240,7 @@ function StatelessElementBrowser(props) {
   const handleClick = () => {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     jsx("div", {
       css: wrapper,
       "data-testid": "element-browser",

package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js

@@ -87,7 +87,7 @@ export const EditToggle = ({
     }
   }, [handleClick]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("div", {
       "data-testid": "extension-edit-toggle-container"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -99,7 +99,7 @@ export const EditToggle = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "extension-edit-toggle-container"
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true)
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -154,7 +154,7 @@ export const ExtensionLabel = ({
     'extension-icon': expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
     jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       css: containerStyles
@@ -164,7 +164,7 @@ export const ExtensionLabel = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: customContainerStyles
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: () => {
         setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);

package/dist/es2019/link/LinkSearch/LinkSearchListItem.js

@@ -226,7 +226,7 @@ class LinkSearchListItem extends React.PureComponent {
       role
     } = this.props;
     return (
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
       jsx("li", {
         css: [container, selected && containerSelected],
         role: role,

package/dist/es2019/messages/block-menu.js

@@ -59,5 +59,10 @@ export const messages = defineMessages({
     id: 'fabric.editor.block.menu.create.synced.block',
     defaultMessage: 'Create synced block',
     description: 'Create a synced block at this empty line'
+  },
+  convertToSyncedBlock: {
+    id: 'fabric.editor.block.menu.convert.to.synced.block',
+    defaultMessage: 'Convert to synced block',
+    description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.9.0";
+const packageVersion = "110.9.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/toolbar/rank.js

@@ -122,10 +122,8 @@ export const TEXT_STYLES_MENU_SECTION_RANK = {
  * Text formatting group
  */
 export const TEXT_FORMAT_GROUP_RANK = {
-  [BOLD_BUTTON_GROUP.key]: 100,
-  [UNDERLINE_BUTTON_GROUP.key]: 200,
-  [TEXT_FORMATTING_HERO_BUTTON.key]: 300,
-  [TEXT_FORMATTING_MENU.key]: 400
+  [TEXT_FORMATTING_HERO_BUTTON.key]: 100,
+  [TEXT_FORMATTING_MENU.key]: 200
 };
 export const TEXT_FORMAT_GROUP_COLLAPSED_RANK = {
   [TEXT_FORMATTING_HERO_BUTTON_COLLAPSED.key]: 100,

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.9.0";
+const packageVersion = "110.9.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/HoverLinkOverlay/index.js

@@ -168,7 +168,7 @@ const HoverLinkOverlay = ({
     });
   }
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: containerRef,
       css: containerStyles,

package/dist/es2019/ui/Popup/index.js

@@ -93,7 +93,8 @@ export default class Popup extends React.Component {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       offset: offset,
       allowOutOfBounds,
-      rect
+      rect,
+      boundariesElement: fg('platform_editor_link_popup_position_fix_aifc') ? boundariesElement || document.body : undefined
     });
     position = onPositionCalculated ? onPositionCalculated(position) : position;
     if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -150,6 +151,10 @@ export default class Popup extends React.Component {
    * Checks whether it's possible to position popup along given target, and if it's not throws an error.
    */
   initPopup(popup) {
+    if (this.popupRef.current && fg('platform_editor_link_popup_position_fix_aifc')) {
+      var _this$resizeObserver;
+      (_this$resizeObserver = this.resizeObserver) === null || _this$resizeObserver === void 0 ? void 0 : _this$resizeObserver.unobserve(this.popupRef.current);
+    }
     this.popupRef.current = popup;
     const {
       target
@@ -176,6 +181,10 @@ export default class Popup extends React.Component {
     if (this.props.focusTrap) {
       this.initFocusTrap();
     }
+    if (this.popupRef.current && fg('platform_editor_link_popup_position_fix_aifc')) {
+      var _this$resizeObserver2;
+      (_this$resizeObserver2 = this.resizeObserver) === null || _this$resizeObserver2 === void 0 ? void 0 : _this$resizeObserver2.observe(this.popupRef.current);
+    }
   }
   /**
    * Cancels the initialisation of the focus trap if it has not yet occured
@@ -247,8 +256,13 @@ export default class Popup extends React.Component {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this.scrollElement.removeEventListener('scroll', this.onResize);
     }
-    if (this.scrollParentElement && this.resizeObserver) {
-      this.resizeObserver.unobserve(this.scrollParentElement);
+    if (fg('platform_editor_link_popup_position_fix_aifc')) {
+      var _this$resizeObserver3;
+      (_this$resizeObserver3 = this.resizeObserver) === null || _this$resizeObserver3 === void 0 ? void 0 : _this$resizeObserver3.disconnect();
+    } else {
+      if (this.scrollParentElement && this.resizeObserver) {
+        this.resizeObserver.unobserve(this.scrollParentElement);
+      }
     }
     this.scheduledUpdatePosition.cancel();
     this.destroyFocusTrap();

package/dist/es2019/ui/Popup/utils.js

@@ -131,9 +131,10 @@ const calculateVerticalStickBottom = ({
   targetHeight,
   popup,
   offset,
-  position
+  position,
+  boundariesElement
 }) => {
-  const scrollParent = findOverflowScrollParent(target);
+  const scrollParent = findOverflowScrollParent(target) || boundariesElement;
   const newPos = {
     ...position
   };
@@ -157,9 +158,10 @@ const calculateVerticalStickTop = ({
   popupOffsetParent,
   offset,
   position,
-  placement
+  placement,
+  boundariesElement
 }) => {
-  const scrollParent = findOverflowScrollParent(target);
+  const scrollParent = findOverflowScrollParent(target) || boundariesElement;
   const newPos = {
     ...position
   };
@@ -223,7 +225,8 @@ export function calculatePosition({
   offset,
   stick,
   allowOutOfBounds = false,
-  rect
+  rect,
+  boundariesElement
 }) {
   let position = {};
   if (!target || !popup || !popup.offsetParent) {
@@ -283,7 +286,8 @@ export function calculatePosition({
       popup,
       offset,
       position,
-      placement: verticalPlacement
+      placement: verticalPlacement,
+      boundariesElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -293,7 +297,8 @@ export function calculatePosition({
       targetHeight,
       popup,
       offset,
-      position
+      position,
+      boundariesElement
     });
   }
   const horizontalPosition = calculateHorizontalPlacement({

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -350,7 +350,7 @@ export function DropdownMenuItem({
   // especially when we pass any interactive element as a item.content
   const tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   const dropListItem =
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
   jsx("div", {
     css: () => buttonStyles(item.isActive, submenuActive),
     role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? shouldUseDefaultRole ? undefined : 'menuitem' : undefined,

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -244,7 +244,7 @@ function StatelessElementBrowser(props) {
   var handleClick = function handleClick() {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     jsx("div", {
       css: wrapper,
       "data-testid": "element-browser",

package/dist/esm/extensibility/Extension/Lozenge/EditToggle.js

@@ -86,7 +86,7 @@ export var EditToggle = function EditToggle(_ref) {
     }
   }, [handleClick]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("div", {
       "data-testid": "extension-edit-toggle-container"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -98,7 +98,7 @@ export var EditToggle = function EditToggle(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "extension-edit-toggle-container"
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: function onMouseOver() {
         return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -154,7 +154,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
     'extension-icon': expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
     jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       css: containerStyles
@@ -164,7 +164,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: customContainerStyles
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, @atlassian/a11y/mouse-events-have-key-events
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
       onMouseOver: function onMouseOver() {
         setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);

package/dist/esm/link/LinkSearch/LinkSearchListItem.js

@@ -236,7 +236,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         id = _this$props7.id,
         role = _this$props7.role;
       return (
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
+        // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
         jsx("li", {
           css: [container, selected && containerSelected],
           role: role,

package/dist/esm/messages/block-menu.js

@@ -59,5 +59,10 @@ export var messages = defineMessages({
     id: 'fabric.editor.block.menu.create.synced.block',
     defaultMessage: 'Create synced block',
     description: 'Create a synced block at this empty line'
+  },
+  convertToSyncedBlock: {
+    id: 'fabric.editor.block.menu.convert.to.synced.block',
+    defaultMessage: 'Convert to synced block',
+    description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
   }
 });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.9.0";
+var packageVersion = "110.9.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/toolbar/rank.js

@@ -36,7 +36,7 @@ export var TEXT_STYLES_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defi
 /**
  * Text formatting group
  */
-export var TEXT_FORMAT_GROUP_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BOLD_BUTTON_GROUP.key, 100), UNDERLINE_BUTTON_GROUP.key, 200), TEXT_FORMATTING_HERO_BUTTON.key, 300), TEXT_FORMATTING_MENU.key, 400);
+export var TEXT_FORMAT_GROUP_RANK = _defineProperty(_defineProperty({}, TEXT_FORMATTING_HERO_BUTTON.key, 100), TEXT_FORMATTING_MENU.key, 200);
 export var TEXT_FORMAT_GROUP_COLLAPSED_RANK = _defineProperty(_defineProperty({}, TEXT_FORMATTING_HERO_BUTTON_COLLAPSED.key, 100), TEXT_FORMATTING_MENU.key, 200);
 export var TEXT_FORMAT_MENU_RANK = _defineProperty(_defineProperty({}, TEXT_FORMATTING_MENU_SECTION.key, 100), CLEAR_FORMARTTING_MENU_SECTION.key, 200);
 export var TEXT_FORMATTING_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BOLD_MENU_ITEM.key, 100), ITALIC_MENU_ITEM.key, 200), UNDERLINE_MENU_ITEM.key, 300), STRIKE_MENU_ITEM.key, 400), CODE_MENU_ITEM.key, 500), SUBSCRIPT_MENU_ITEM.key, 600), SUPERSCRIPT_MENU_ITEM.key, 700);

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.9.0";
+var packageVersion = "110.9.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/HoverLinkOverlay/index.js

@@ -174,7 +174,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     });
   }
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: containerRef,
       css: containerStyles,

package/dist/esm/ui/Popup/index.js

@@ -109,7 +109,8 @@ var Popup = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         offset: offset,
         allowOutOfBounds: allowOutOfBounds,
-        rect: rect
+        rect: rect,
+        boundariesElement: fg('platform_editor_link_popup_position_fix_aifc') ? boundariesElement || document.body : undefined
       });
       position = onPositionCalculated ? onPositionCalculated(position) : position;
       if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -172,6 +173,10 @@ var Popup = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "initPopup",
     value: function initPopup(popup) {
+      if (this.popupRef.current && fg('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver;
+        (_this$resizeObserver = this.resizeObserver) === null || _this$resizeObserver === void 0 || _this$resizeObserver.unobserve(this.popupRef.current);
+      }
       this.popupRef.current = popup;
       var target = this.props.target;
       var overflowScrollParent = findOverflowScrollParent(popup);
@@ -196,6 +201,10 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       if (this.props.focusTrap) {
         this.initFocusTrap();
       }
+      if (this.popupRef.current && fg('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver2;
+        (_this$resizeObserver2 = this.resizeObserver) === null || _this$resizeObserver2 === void 0 || _this$resizeObserver2.observe(this.popupRef.current);
+      }
     }
   }, {
     key: "destroyFocusTrap",
@@ -276,8 +285,13 @@ var Popup = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         this.scrollElement.removeEventListener('scroll', this.onResize);
       }
-      if (this.scrollParentElement && this.resizeObserver) {
-        this.resizeObserver.unobserve(this.scrollParentElement);
+      if (fg('platform_editor_link_popup_position_fix_aifc')) {
+        var _this$resizeObserver3;
+        (_this$resizeObserver3 = this.resizeObserver) === null || _this$resizeObserver3 === void 0 || _this$resizeObserver3.disconnect();
+      } else {
+        if (this.scrollParentElement && this.resizeObserver) {
+          this.resizeObserver.unobserve(this.scrollParentElement);
+        }
       }
       this.scheduledUpdatePosition.cancel();
       this.destroyFocusTrap();

package/dist/esm/ui/Popup/utils.js

@@ -130,8 +130,9 @@ var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2)
     targetHeight = _ref2.targetHeight,
     popup = _ref2.popup,
     offset = _ref2.offset,
-    position = _ref2.position;
-  var scrollParent = findOverflowScrollParent(target);
+    position = _ref2.position,
+    boundariesElement = _ref2.boundariesElement;
+  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
@@ -153,8 +154,9 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
     popupOffsetParent = _ref3.popupOffsetParent,
     offset = _ref3.offset,
     position = _ref3.position,
-    placement = _ref3.placement;
-  var scrollParent = findOverflowScrollParent(target);
+    placement = _ref3.placement,
+    boundariesElement = _ref3.boundariesElement;
+  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
@@ -215,7 +217,8 @@ export function calculatePosition(_ref5) {
     stick = _ref5.stick,
     _ref5$allowOutOfBound = _ref5.allowOutOfBounds,
     allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
-    rect = _ref5.rect;
+    rect = _ref5.rect,
+    boundariesElement = _ref5.boundariesElement;
   var position = {};
   if (!target || !popup || !popup.offsetParent) {
     return position;
@@ -271,7 +274,8 @@ export function calculatePosition(_ref5) {
       popup: popup,
       offset: offset,
       position: position,
-      placement: verticalPlacement
+      placement: verticalPlacement,
+      boundariesElement: boundariesElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -281,7 +285,8 @@ export function calculatePosition(_ref5) {
       targetHeight: targetHeight,
       popup: popup,
       offset: offset,
-      position: position
+      position: position,
+      boundariesElement: boundariesElement
     });
   }
   var horizontalPosition = calculateHorizontalPlacement({

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -316,7 +316,7 @@ export function DropdownMenuItem(_ref) {
   // especially when we pass any interactive element as a item.content
   var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   var dropListItem =
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
   jsx("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);

package/dist/types/messages/block-menu.d.ts

@@ -59,4 +59,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    convertToSyncedBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/toolbar/rank.d.ts

@@ -116,8 +116,6 @@ export declare const TEXT_STYLES_MENU_SECTION_RANK: {
  * Text formatting group
  */
 export declare const TEXT_FORMAT_GROUP_RANK: {
-    "bold-button-group": number;
-    "underline-button-group": number;
     "text-formatting-hero-button": number;
     "text-formatting-menu": number;
 };

package/dist/types/ui/Popup/utils.d.ts

@@ -6,6 +6,7 @@ export interface Position {
 }
 export interface CalculatePositionParams {
     allowOutOfBounds?: boolean;
+    boundariesElement?: HTMLElement;
     offset: number[];
     placement: [string, string];
     popup?: HTMLElement;
@@ -28,7 +29,7 @@ export declare function calculatePlacement(target: HTMLElement, boundariesElemen
  * Calculates relative coordinates for placing popup along with the target.
  * Uses placement from calculatePlacement.
  */
-export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, }: CalculatePositionParams): Position;
+export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, }: CalculatePositionParams): Position;
 export declare function validatePosition(popup: HTMLElement): boolean;
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".

package/dist/types-ts4.5/messages/block-menu.d.ts

@@ -59,4 +59,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    convertToSyncedBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/toolbar/rank.d.ts

@@ -116,8 +116,6 @@ export declare const TEXT_STYLES_MENU_SECTION_RANK: {
  * Text formatting group
  */
 export declare const TEXT_FORMAT_GROUP_RANK: {
-    "bold-button-group": number;
-    "underline-button-group": number;
     "text-formatting-hero-button": number;
     "text-formatting-menu": number;
 };

package/dist/types-ts4.5/ui/Popup/utils.d.ts

@@ -6,6 +6,7 @@ export interface Position {
 }
 export interface CalculatePositionParams {
     allowOutOfBounds?: boolean;
+    boundariesElement?: HTMLElement;
     offset: number[];
     placement: [
         string,
@@ -34,7 +35,7 @@ export declare function calculatePlacement(target: HTMLElement, boundariesElemen
  * Calculates relative coordinates for placing popup along with the target.
  * Uses placement from calculatePlacement.
  */
-export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, }: CalculatePositionParams): Position;
+export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, }: CalculatePositionParams): Position;
 export declare function validatePosition(popup: HTMLElement): boolean;
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.9.1",
+	"version": "110.9.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.25.0",
-		"@atlaskit/link-picker": "^3.14.0",
+		"@atlaskit/link-picker": "^3.15.0",
 		"@atlaskit/media-card": "^79.5.0",
 		"@atlaskit/media-client": "^35.5.0",
 		"@atlaskit/media-client-react": "^4.1.0",
@@ -64,7 +64,7 @@
 		"@atlaskit/media-picker": "^70.0.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
-		"@atlaskit/mention": "^24.2.0",
+		"@atlaskit/mention": "^24.3.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/onboarding": "^14.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/profilecard": "^24.18.0",
 		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/section-message": "^8.7.0",
-		"@atlaskit/smart-card": "^43.0.0",
+		"@atlaskit/smart-card": "^43.1.0",
 		"@atlaskit/smart-user-picker": "^8.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
@@ -196,6 +196,9 @@
 		"platform_editor_renderer_table_header_styles": {
 			"type": "boolean"
 		},
+		"platform_editor_link_popup_position_fix_aifc": {
+			"type": "boolean"
+		},
 		"platform_editor_elements_dnd_multi_select_patch_1": {
 			"type": "boolean"
 		},