@atlaskit/editor-plugin-table 15.4.8 → 15.4.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 15.4.10
+
+### Patch Changes
+
+- [`5a25eff5f9f2d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a25eff5f9f2d) -
+  [ux] Correctly disable legacy sticky table header when no overflow
+- Updated dependencies
+
+## 15.4.9
+
+### Patch Changes
+
+- [`9fa355db69f2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9fa355db69f2c) -
+  [ux] Cleans up FG platform_editor_fix_table_menus_jira
+- Updated dependencies
+
 ## 15.4.8
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -47,7 +47,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         _this.nodeVisibilityObserverCleanupFn && _this.nodeVisibilityObserverCleanupFn();
         var tree = (0, _dom2.getTree)(_this.dom);
         if (tree) {
-          _this.makeRowHeaderNotSticky(tree.table, true);
+          _this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         _this.emitOff(false);
       }
@@ -85,13 +85,13 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     (0, _defineProperty2.default)(_this, "headerRowMouseScroll", (0, _throttle.default)(function () {
-      if (_this.isSticky) {
+      if (_this.isLegacySticky) {
         _this.dom.classList.add('no-pointer-events');
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node);
-    _this.isSticky = false;
+    _this.isLegacySticky = false;
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
@@ -181,7 +181,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         var tree = (0, _dom2.getTree)(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
@@ -303,8 +303,8 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
             _this2.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
             _this2.isNativeSticky = false;
-            _this2.refreshStickyState();
           }
+          _this2.refreshLegacyStickyState();
         });
       }, options);
     }
@@ -516,29 +516,33 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           // Keep the other sentinels rootBounds in sync with this latest one
           _this6.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
         });
-        _this6.refreshStickyState();
+        _this6.refreshLegacyStickyState();
       }, {
         threshold: 0,
         root: this.editorScrollableElement
       });
     }
   }, {
-    key: "refreshStickyState",
-    value: function refreshStickyState() {
+    key: "refreshLegacyStickyState",
+    value: function refreshLegacyStickyState() {
       var tree = (0, _dom2.getTree)(this.dom);
       if (!tree) {
         return;
       }
       var table = tree.table;
+      if (this.isNativeSticky) {
+        this.makeRowHeaderNotLegacySticky(table);
+        return;
+      }
       var shouldStick = this.shouldSticky();
-      if (this.isSticky !== shouldStick) {
-        if (shouldStick && !this.isNativeSticky) {
+      if (this.isLegacySticky !== shouldStick) {
+        if (shouldStick) {
           var _this$sentinelData$to;
           // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
           var rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-          this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+          this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
         } else {
-          this.makeRowHeaderNotSticky(table);
+          this.makeRowHeaderNotLegacySticky(table);
         }
       }
     }
@@ -639,7 +643,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
 
       // If current table selected and header row is toggled off, turn off sticky header
       if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-        this.makeRowHeaderNotSticky(tree.table);
+        this.makeRowHeaderNotLegacySticky(tree.table);
       }
       this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
@@ -688,7 +692,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     key: "refireIntersectionObservers",
     value: function refireIntersectionObservers() {
       var _this7 = this;
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         [this.sentinels.top, this.sentinels.bottom].forEach(function (el) {
           if (el && _this7.intersectionObserver) {
             _this7.intersectionObserver.unobserve(el);
@@ -698,12 +702,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       }
     }
   }, {
-    key: "makeHeaderRowSticky",
-    value: function makeHeaderRowSticky(tree, scrollTop) {
+    key: "makeHeaderRowLegacySticky",
+    value: function makeHeaderRowLegacySticky(tree, scrollTop) {
       var _tbody$firstChild,
         _this8 = this;
       // If header row height is more than 50% of viewport height don't do this
-      if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+      if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
         return;
       }
       var table = tree.table,
@@ -720,12 +724,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         scrollTop = (0, _dom2.getTop)(this.editorScrollableElement);
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-      if (!this.isSticky) {
+      if (!this.isLegacySticky) {
         var _this$editorScrollabl;
         (0, _dom.syncStickyRowToTable)(table);
         this.dom.classList.add('sticky');
         table.classList.add(_types.TableCssClassName.TABLE_STICKY);
-        this.isSticky = true;
+        this.isLegacySticky = true;
 
         /**
          * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -749,16 +753,16 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       this.emitOn(domTop, this.colControlsOffset);
     }
   }, {
-    key: "makeRowHeaderNotSticky",
-    value: function makeRowHeaderNotSticky(table) {
+    key: "makeRowHeaderNotLegacySticky",
+    value: function makeRowHeaderNotLegacySticky(table) {
       var isEditorDestroyed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (!this.isSticky || !table || !this.dom) {
+      if (!this.isLegacySticky || !table || !this.dom) {
         return;
       }
       this.dom.style.removeProperty('width');
       this.dom.classList.remove('sticky');
       table.classList.remove(_types.TableCssClassName.TABLE_STICKY);
-      this.isSticky = false;
+      this.isLegacySticky = false;
       this.dom.style.top = '';
       table.style.removeProperty('margin-top');
       this.emitOff(isEditorDestroyed);

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -39,7 +39,6 @@ var _tableRowAddBelow = _interopRequireDefault(require("@atlaskit/icon/core/tabl
 var _tableRowDelete = _interopRequireDefault(require("@atlaskit/icon/core/table-row-delete"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -88,47 +87,35 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
     });
     (0, _defineProperty2.default)(_this, "dropdownMenuRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "handleSubMenuRef", function (ref) {
-      var parent = (0, _utils.closestElement)(
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      _this.props.editorView.dom, '.fabric-editor-popup-scroll-parent');
-      if (!parent && (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira')) {
-        parent = (0, _utils.closestElement)(
-        // Ignored via go/ees005
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        _this.props.editorView.dom, '.ak-editor-content-area');
-      }
+      var dom = _this.props.editorView.dom;
+      var parent = (0, _utils.closestElement)(dom, '.fabric-editor-popup-scroll-parent') || (0, _utils.closestElement)(dom, '.ak-editor-content-area');
       if (!(parent && ref)) {
         return;
       }
       var boundariesRect = parent.getBoundingClientRect();
       var rect = ref.getBoundingClientRect();
-      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira')) {
-        if (!!_this.props.mountPoint) {
-          return;
-        }
-        var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-        if (!offsetParent) {
-          return;
-        }
-        var offsetParentRect = offsetParent.getBoundingClientRect();
-        var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-        var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-        if (rightOverflow > leftOverflow) {
-          ref.style.left = "-".concat(rect.width, "px");
-        }
+      if (!!_this.props.mountPoint) {
+        return;
+      }
+      var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+      if (!offsetParent) {
+        return;
+      }
+      var offsetParentRect = offsetParent.getBoundingClientRect();
+      var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+      var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+      if (rightOverflow > leftOverflow) {
+        ref.style.left = "-".concat(rect.width, "px");
+      }
 
-        // if it overflows regardless of side, let it overlap with the parent menu
-        if (leftOverflow > 0 && rightOverflow > 0) {
-          if (rightOverflow < leftOverflow) {
-            ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
-          } else {
-            ref.style.left = "-".concat(rect.width - leftOverflow, "px");
-          }
-        }
-      } else {
-        if (rect.left + rect.width > boundariesRect.width) {
-          ref.style.left = "-".concat(rect.width, "px");
+      // if it overflows regardless of side, let it overlap with the parent menu
+      if (leftOverflow > 0 && rightOverflow > 0) {
+        if (rightOverflow < leftOverflow) {
+          ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
+        } else {
+          ref.style.left = "-".concat(rect.width - leftOverflow, "px");
         }
       }
     });
@@ -765,7 +752,6 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var _this2 = this;
       var _this$props13 = this.props,
         isOpen = _this$props13.isOpen,
-        mountPoint = _this$props13.mountPoint,
         offset = _this$props13.offset,
         boundariesElement = _this$props13.boundariesElement,
         editorView = _this$props13.editorView,
@@ -783,11 +769,10 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           ,
           onMouseLeave: _this2.closeSubmenu,
           ref: _this2.dropdownMenuRef
-        }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
-          mountTo: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-          //This needs be removed when the a11y is completely handled
-          //Disabling key navigation now as it works only partially
-          ,
+        }, (0, _react2.jsx)(_uiMenu.DropdownMenu
+        //This needs be removed when the a11y is completely handled
+        //Disabling key navigation now as it works only partially
+        , {
           arrowKeyNavigationProviderOptions: {
             type: _uiMenu.ArrowKeyNavigationType.MENU,
             disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen

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

@@ -10,7 +10,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
@@ -113,7 +112,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     ,
     allowBackgroundColor: pluginConfig.allowBackgroundColor,
     selectionRect: selectionRect,
-    mountPoint: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? mountPoint : undefined,
+    mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     editorAnalyticsAPI: editorAnalyticsAPI,
     getEditorContainerWidth: getEditorContainerWidth,

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -23,7 +23,6 @@ var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _paintBucketEditorBackgroundColor = _interopRequireDefault(require("@atlaskit/icon/core/migration/paint-bucket--editor-background-color"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -242,47 +241,35 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     menuCallback = _convertToDropdownIte.menuCallback;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   var handleSubMenuRef = function handleSubMenuRef(ref) {
-    var parent = (0, _utils.closestElement)(
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    editorView.dom, '.fabric-editor-popup-scroll-parent');
-    if (!parent && (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira')) {
-      parent = (0, _utils.closestElement)(
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      editorView.dom, '.ak-editor-content-area');
-    }
+    var dom = editorView.dom;
+    var parent = (0, _utils.closestElement)(dom, '.fabric-editor-popup-scroll-parent') || (0, _utils.closestElement)(dom, '.ak-editor-content-area');
     if (!(parent && ref)) {
       return;
     }
     var boundariesRect = parent.getBoundingClientRect();
     var rect = ref.getBoundingClientRect();
-    if ((0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira')) {
-      if (!!mountPoint) {
-        return;
-      }
-      var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-      if (!offsetParent) {
-        return;
-      }
-      var offsetParentRect = offsetParent.getBoundingClientRect();
-      var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-      var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-      if (rightOverflow > leftOverflow) {
-        ref.style.left = "-".concat(rect.width, "px");
-      }
+    if (!!mountPoint) {
+      return;
+    }
+    var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+    if (!offsetParent) {
+      return;
+    }
+    var offsetParentRect = offsetParent.getBoundingClientRect();
+    var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+    var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+    if (rightOverflow > leftOverflow) {
+      ref.style.left = "-".concat(rect.width, "px");
+    }
 
-      // if it overflows regardless of side, let it overlap with the parent menu
-      if (leftOverflow > 0 && rightOverflow > 0) {
-        if (rightOverflow < leftOverflow) {
-          ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
-        } else {
-          ref.style.left = "-".concat(rect.width - leftOverflow, "px");
-        }
-      }
-    } else {
-      if (rect.left + rect.width > boundariesRect.width) {
-        ref.style.left = "-".concat(rect.width, "px");
+    // if it overflows regardless of side, let it overlap with the parent menu
+    if (leftOverflow > 0 && rightOverflow > 0) {
+      if (rightOverflow < leftOverflow) {
+        ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
+      } else {
+        ref.style.left = "-".concat(rect.width - leftOverflow, "px");
       }
     }
   };

package/dist/es2019/nodeviews/TableRowNativeStickyWithFallback.js

@@ -31,7 +31,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         const tree = getTree(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(false);
       }
@@ -69,13 +69,13 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     _defineProperty(this, "headerRowMouseScroll", throttle(() => {
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         this.dom.classList.add('no-pointer-events');
         this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     this.isHeaderRow = supportedHeaderRow(node);
-    this.isSticky = false;
+    this.isLegacySticky = false;
     const {
       pluginConfig
     } = getPluginState(view.state);
@@ -159,7 +159,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
       const tree = getTree(this.dom);
       if (tree) {
-        this.makeRowHeaderNotSticky(tree.table, true);
+        this.makeRowHeaderNotLegacySticky(tree.table, true);
       }
       this.emitOff(true);
     }
@@ -272,8 +272,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
           observer.root.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
           this.dom.classList.remove(ClassName.NATIVE_STICKY);
           this.isNativeSticky = false;
-          this.refreshStickyState();
         }
+        this.refreshLegacyStickyState();
       });
     }, options);
   }
@@ -473,13 +473,13 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         // Keep the other sentinels rootBounds in sync with this latest one
         this.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
       });
-      this.refreshStickyState();
+      this.refreshLegacyStickyState();
     }, {
       threshold: 0,
       root: this.editorScrollableElement
     });
   }
-  refreshStickyState() {
+  refreshLegacyStickyState() {
     const tree = getTree(this.dom);
     if (!tree) {
       return;
@@ -487,15 +487,19 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     const {
       table
     } = tree;
+    if (this.isNativeSticky) {
+      this.makeRowHeaderNotLegacySticky(table);
+      return;
+    }
     const shouldStick = this.shouldSticky();
-    if (this.isSticky !== shouldStick) {
-      if (shouldStick && !this.isNativeSticky) {
+    if (this.isLegacySticky !== shouldStick) {
+      if (shouldStick) {
         var _this$sentinelData$to;
         // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
         const rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-        this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+        this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
       } else {
-        this.makeRowHeaderNotSticky(table);
+        this.makeRowHeaderNotLegacySticky(table);
       }
     }
   }
@@ -592,7 +596,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
 
     // If current table selected and header row is toggled off, turn off sticky header
     if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-      this.makeRowHeaderNotSticky(tree.table);
+      this.makeRowHeaderNotLegacySticky(tree.table);
     }
     this.focused = isCurrentTableSelected;
     const {
@@ -638,7 +642,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
    * Useful when the header may have detached from the table.
    */
   refireIntersectionObservers() {
-    if (this.isSticky) {
+    if (this.isLegacySticky) {
       [this.sentinels.top, this.sentinels.bottom].forEach(el => {
         if (el && this.intersectionObserver) {
           this.intersectionObserver.unobserve(el);
@@ -647,10 +651,10 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       });
     }
   }
-  makeHeaderRowSticky(tree, scrollTop) {
+  makeHeaderRowLegacySticky(tree, scrollTop) {
     var _tbody$firstChild;
     // If header row height is more than 50% of viewport height don't do this
-    if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+    if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
       return;
     }
     const {
@@ -669,12 +673,12 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       scrollTop = getTop(this.editorScrollableElement);
     }
     const domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-    if (!this.isSticky) {
+    if (!this.isLegacySticky) {
       var _this$editorScrollabl4;
       syncStickyRowToTable(table);
       this.dom.classList.add('sticky');
       table.classList.add(ClassName.TABLE_STICKY);
-      this.isSticky = true;
+      this.isLegacySticky = true;
 
       /**
        * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -697,14 +701,14 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     this.dom.scrollLeft = wrapper.scrollLeft;
     this.emitOn(domTop, this.colControlsOffset);
   }
-  makeRowHeaderNotSticky(table, isEditorDestroyed = false) {
-    if (!this.isSticky || !table || !this.dom) {
+  makeRowHeaderNotLegacySticky(table, isEditorDestroyed = false) {
+    if (!this.isLegacySticky || !table || !this.dom) {
       return;
     }
     this.dom.style.removeProperty('width');
     this.dom.classList.remove('sticky');
     table.classList.remove(ClassName.TABLE_STICKY);
-    this.isSticky = false;
+    this.isLegacySticky = false;
     this.dom.style.top = '';
     table.style.removeProperty('margin-top');
     this.emitOff(isEditorDestroyed);

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -31,7 +31,6 @@ import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -67,47 +66,35 @@ export class ContextualMenu extends Component {
     });
     _defineProperty(this, "dropdownMenuRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "handleSubMenuRef", ref => {
-      let parent = closestElement(
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      this.props.editorView.dom, '.fabric-editor-popup-scroll-parent');
-      if (!parent && fg('platform_editor_fix_table_menus_jira')) {
-        parent = closestElement(
-        // Ignored via go/ees005
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        this.props.editorView.dom, '.ak-editor-content-area');
-      }
+      const dom = this.props.editorView.dom;
+      const parent = closestElement(dom, '.fabric-editor-popup-scroll-parent') || closestElement(dom, '.ak-editor-content-area');
       if (!(parent && ref)) {
         return;
       }
       const boundariesRect = parent.getBoundingClientRect();
       const rect = ref.getBoundingClientRect();
-      if (fg('platform_editor_fix_table_menus_jira')) {
-        if (!!this.props.mountPoint) {
-          return;
-        }
-        const offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-        if (!offsetParent) {
-          return;
-        }
-        const offsetParentRect = offsetParent.getBoundingClientRect();
-        const rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-        const leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-        if (rightOverflow > leftOverflow) {
-          ref.style.left = `-${rect.width}px`;
-        }
+      if (!!this.props.mountPoint) {
+        return;
+      }
+      const offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+      if (!offsetParent) {
+        return;
+      }
+      const offsetParentRect = offsetParent.getBoundingClientRect();
+      const rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+      const leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+      if (rightOverflow > leftOverflow) {
+        ref.style.left = `-${rect.width}px`;
+      }
 
-        // if it overflows regardless of side, let it overlap with the parent menu
-        if (leftOverflow > 0 && rightOverflow > 0) {
-          if (rightOverflow < leftOverflow) {
-            ref.style.left = `${offsetParentRect.width - rightOverflow}px`;
-          } else {
-            ref.style.left = `-${rect.width - leftOverflow}px`;
-          }
-        }
-      } else {
-        if (rect.left + rect.width > boundariesRect.width) {
-          ref.style.left = `-${rect.width}px`;
+      // if it overflows regardless of side, let it overlap with the parent menu
+      if (leftOverflow > 0 && rightOverflow > 0) {
+        if (rightOverflow < leftOverflow) {
+          ref.style.left = `${offsetParentRect.width - rightOverflow}px`;
+        } else {
+          ref.style.left = `-${rect.width - leftOverflow}px`;
         }
       }
     });
@@ -820,7 +807,6 @@ export class ContextualMenu extends Component {
   render() {
     const {
       isOpen,
-      mountPoint,
       offset,
       boundariesElement,
       editorView,
@@ -839,11 +825,10 @@ export class ContextualMenu extends Component {
       ,
       onMouseLeave: this.closeSubmenu,
       ref: this.dropdownMenuRef
-    }, jsx(DropdownMenu, {
-      mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-      //This needs be removed when the a11y is completely handled
-      //Disabling key navigation now as it works only partially
-      ,
+    }, jsx(DropdownMenu
+    //This needs be removed when the a11y is completely handled
+    //Disabling key navigation now as it works only partially
+    , {
       arrowKeyNavigationProviderOptions: {
         type: ArrowKeyNavigationType.MENU,
         disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen

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

@@ -8,7 +8,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -109,7 +108,7 @@ const FloatingContextualMenu = ({
     ,
     allowBackgroundColor: pluginConfig.allowBackgroundColor,
     selectionRect: selectionRect,
-    mountPoint: fg('platform_editor_fix_table_menus_jira') ? mountPoint : undefined,
+    mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     editorAnalyticsAPI: editorAnalyticsAPI,
     getEditorContainerWidth: getEditorContainerWidth,

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -21,7 +21,6 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-background-color';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -232,47 +231,35 @@ const DragMenu = /*#__PURE__*/React.memo(({
   } = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect);
   const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   const handleSubMenuRef = ref => {
-    let parent = closestElement(
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    editorView.dom, '.fabric-editor-popup-scroll-parent');
-    if (!parent && fg('platform_editor_fix_table_menus_jira')) {
-      parent = closestElement(
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      editorView.dom, '.ak-editor-content-area');
-    }
+    const dom = editorView.dom;
+    const parent = closestElement(dom, '.fabric-editor-popup-scroll-parent') || closestElement(dom, '.ak-editor-content-area');
     if (!(parent && ref)) {
       return;
     }
     const boundariesRect = parent.getBoundingClientRect();
     const rect = ref.getBoundingClientRect();
-    if (fg('platform_editor_fix_table_menus_jira')) {
-      if (!!mountPoint) {
-        return;
-      }
-      const offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-      if (!offsetParent) {
-        return;
-      }
-      const offsetParentRect = offsetParent.getBoundingClientRect();
-      const rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-      const leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-      if (rightOverflow > leftOverflow) {
-        ref.style.left = `-${rect.width}px`;
-      }
+    if (!!mountPoint) {
+      return;
+    }
+    const offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+    if (!offsetParent) {
+      return;
+    }
+    const offsetParentRect = offsetParent.getBoundingClientRect();
+    const rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+    const leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+    if (rightOverflow > leftOverflow) {
+      ref.style.left = `-${rect.width}px`;
+    }
 
-      // if it overflows regardless of side, let it overlap with the parent menu
-      if (leftOverflow > 0 && rightOverflow > 0) {
-        if (rightOverflow < leftOverflow) {
-          ref.style.left = `${offsetParentRect.width - rightOverflow}px`;
-        } else {
-          ref.style.left = `-${rect.width - leftOverflow}px`;
-        }
-      }
-    } else {
-      if (rect.left + rect.width > boundariesRect.width) {
-        ref.style.left = `-${rect.width}px`;
+    // if it overflows regardless of side, let it overlap with the parent menu
+    if (leftOverflow > 0 && rightOverflow > 0) {
+      if (rightOverflow < leftOverflow) {
+        ref.style.left = `${offsetParentRect.width - rightOverflow}px`;
+      } else {
+        ref.style.left = `-${rect.width - leftOverflow}px`;
       }
     }
   };

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -40,7 +40,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         _this.nodeVisibilityObserverCleanupFn && _this.nodeVisibilityObserverCleanupFn();
         var tree = getTree(_this.dom);
         if (tree) {
-          _this.makeRowHeaderNotSticky(tree.table, true);
+          _this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         _this.emitOff(false);
       }
@@ -78,13 +78,13 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     _defineProperty(_this, "headerRowMouseScroll", throttle(function () {
-      if (_this.isSticky) {
+      if (_this.isLegacySticky) {
         _this.dom.classList.add('no-pointer-events');
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     _this.isHeaderRow = supportedHeaderRow(node);
-    _this.isSticky = false;
+    _this.isLegacySticky = false;
     var _getPluginState = getPluginState(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
@@ -174,7 +174,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         var tree = getTree(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
@@ -296,8 +296,8 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
             observer.root.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
             _this2.dom.classList.remove(ClassName.NATIVE_STICKY);
             _this2.isNativeSticky = false;
-            _this2.refreshStickyState();
           }
+          _this2.refreshLegacyStickyState();
         });
       }, options);
     }
@@ -509,29 +509,33 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
           // Keep the other sentinels rootBounds in sync with this latest one
           _this6.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
         });
-        _this6.refreshStickyState();
+        _this6.refreshLegacyStickyState();
       }, {
         threshold: 0,
         root: this.editorScrollableElement
       });
     }
   }, {
-    key: "refreshStickyState",
-    value: function refreshStickyState() {
+    key: "refreshLegacyStickyState",
+    value: function refreshLegacyStickyState() {
       var tree = getTree(this.dom);
       if (!tree) {
         return;
       }
       var table = tree.table;
+      if (this.isNativeSticky) {
+        this.makeRowHeaderNotLegacySticky(table);
+        return;
+      }
       var shouldStick = this.shouldSticky();
-      if (this.isSticky !== shouldStick) {
-        if (shouldStick && !this.isNativeSticky) {
+      if (this.isLegacySticky !== shouldStick) {
+        if (shouldStick) {
           var _this$sentinelData$to;
           // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
           var rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-          this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+          this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
         } else {
-          this.makeRowHeaderNotSticky(table);
+          this.makeRowHeaderNotLegacySticky(table);
         }
       }
     }
@@ -632,7 +636,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
 
       // If current table selected and header row is toggled off, turn off sticky header
       if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-        this.makeRowHeaderNotSticky(tree.table);
+        this.makeRowHeaderNotLegacySticky(tree.table);
       }
       this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
@@ -681,7 +685,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
     key: "refireIntersectionObservers",
     value: function refireIntersectionObservers() {
       var _this7 = this;
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         [this.sentinels.top, this.sentinels.bottom].forEach(function (el) {
           if (el && _this7.intersectionObserver) {
             _this7.intersectionObserver.unobserve(el);
@@ -691,12 +695,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
       }
     }
   }, {
-    key: "makeHeaderRowSticky",
-    value: function makeHeaderRowSticky(tree, scrollTop) {
+    key: "makeHeaderRowLegacySticky",
+    value: function makeHeaderRowLegacySticky(tree, scrollTop) {
       var _tbody$firstChild,
         _this8 = this;
       // If header row height is more than 50% of viewport height don't do this
-      if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+      if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
         return;
       }
       var table = tree.table,
@@ -713,12 +717,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         scrollTop = getTop(this.editorScrollableElement);
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-      if (!this.isSticky) {
+      if (!this.isLegacySticky) {
         var _this$editorScrollabl;
         syncStickyRowToTable(table);
         this.dom.classList.add('sticky');
         table.classList.add(ClassName.TABLE_STICKY);
-        this.isSticky = true;
+        this.isLegacySticky = true;
 
         /**
          * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -742,16 +746,16 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
       this.emitOn(domTop, this.colControlsOffset);
     }
   }, {
-    key: "makeRowHeaderNotSticky",
-    value: function makeRowHeaderNotSticky(table) {
+    key: "makeRowHeaderNotLegacySticky",
+    value: function makeRowHeaderNotLegacySticky(table) {
       var isEditorDestroyed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (!this.isSticky || !table || !this.dom) {
+      if (!this.isLegacySticky || !table || !this.dom) {
         return;
       }
       this.dom.style.removeProperty('width');
       this.dom.classList.remove('sticky');
       table.classList.remove(ClassName.TABLE_STICKY);
-      this.isSticky = false;
+      this.isLegacySticky = false;
       this.dom.style.top = '';
       table.style.removeProperty('margin-top');
       this.emitOff(isEditorDestroyed);

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -41,7 +41,6 @@ import TableRowAddBelowIcon from '@atlaskit/icon/core/table-row-add-below';
 import TableRowDeleteIcon from '@atlaskit/icon/core/table-row-delete';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -82,47 +81,35 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_this, "dropdownMenuRef", /*#__PURE__*/React.createRef());
     _defineProperty(_this, "handleSubMenuRef", function (ref) {
-      var parent = closestElement(
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      _this.props.editorView.dom, '.fabric-editor-popup-scroll-parent');
-      if (!parent && fg('platform_editor_fix_table_menus_jira')) {
-        parent = closestElement(
-        // Ignored via go/ees005
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        _this.props.editorView.dom, '.ak-editor-content-area');
-      }
+      var dom = _this.props.editorView.dom;
+      var parent = closestElement(dom, '.fabric-editor-popup-scroll-parent') || closestElement(dom, '.ak-editor-content-area');
       if (!(parent && ref)) {
         return;
       }
       var boundariesRect = parent.getBoundingClientRect();
       var rect = ref.getBoundingClientRect();
-      if (fg('platform_editor_fix_table_menus_jira')) {
-        if (!!_this.props.mountPoint) {
-          return;
-        }
-        var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-        if (!offsetParent) {
-          return;
-        }
-        var offsetParentRect = offsetParent.getBoundingClientRect();
-        var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-        var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-        if (rightOverflow > leftOverflow) {
-          ref.style.left = "-".concat(rect.width, "px");
-        }
+      if (!!_this.props.mountPoint) {
+        return;
+      }
+      var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+      if (!offsetParent) {
+        return;
+      }
+      var offsetParentRect = offsetParent.getBoundingClientRect();
+      var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+      var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+      if (rightOverflow > leftOverflow) {
+        ref.style.left = "-".concat(rect.width, "px");
+      }
 
-        // if it overflows regardless of side, let it overlap with the parent menu
-        if (leftOverflow > 0 && rightOverflow > 0) {
-          if (rightOverflow < leftOverflow) {
-            ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
-          } else {
-            ref.style.left = "-".concat(rect.width - leftOverflow, "px");
-          }
-        }
-      } else {
-        if (rect.left + rect.width > boundariesRect.width) {
-          ref.style.left = "-".concat(rect.width, "px");
+      // if it overflows regardless of side, let it overlap with the parent menu
+      if (leftOverflow > 0 && rightOverflow > 0) {
+        if (rightOverflow < leftOverflow) {
+          ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
+        } else {
+          ref.style.left = "-".concat(rect.width - leftOverflow, "px");
         }
       }
     });
@@ -759,7 +746,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$props13 = this.props,
         isOpen = _this$props13.isOpen,
-        mountPoint = _this$props13.mountPoint,
         offset = _this$props13.offset,
         boundariesElement = _this$props13.boundariesElement,
         editorView = _this$props13.editorView,
@@ -777,11 +763,10 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           ,
           onMouseLeave: _this2.closeSubmenu,
           ref: _this2.dropdownMenuRef
-        }, jsx(DropdownMenu, {
-          mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-          //This needs be removed when the a11y is completely handled
-          //Disabling key navigation now as it works only partially
-          ,
+        }, jsx(DropdownMenu
+        //This needs be removed when the a11y is completely handled
+        //Disabling key navigation now as it works only partially
+        , {
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU,
             disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen

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

@@ -8,7 +8,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
@@ -105,7 +104,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     ,
     allowBackgroundColor: pluginConfig.allowBackgroundColor,
     selectionRect: selectionRect,
-    mountPoint: fg('platform_editor_fix_table_menus_jira') ? mountPoint : undefined,
+    mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     editorAnalyticsAPI: editorAnalyticsAPI,
     getEditorContainerWidth: getEditorContainerWidth,

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -23,7 +23,6 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-background-color';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -231,47 +230,35 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     menuCallback = _convertToDropdownIte.menuCallback;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   var handleSubMenuRef = function handleSubMenuRef(ref) {
-    var parent = closestElement(
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    editorView.dom, '.fabric-editor-popup-scroll-parent');
-    if (!parent && fg('platform_editor_fix_table_menus_jira')) {
-      parent = closestElement(
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      editorView.dom, '.ak-editor-content-area');
-    }
+    var dom = editorView.dom;
+    var parent = closestElement(dom, '.fabric-editor-popup-scroll-parent') || closestElement(dom, '.ak-editor-content-area');
     if (!(parent && ref)) {
       return;
     }
     var boundariesRect = parent.getBoundingClientRect();
     var rect = ref.getBoundingClientRect();
-    if (fg('platform_editor_fix_table_menus_jira')) {
-      if (!!mountPoint) {
-        return;
-      }
-      var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
-      if (!offsetParent) {
-        return;
-      }
-      var offsetParentRect = offsetParent.getBoundingClientRect();
-      var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
-      var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
-      if (rightOverflow > leftOverflow) {
-        ref.style.left = "-".concat(rect.width, "px");
-      }
+    if (!!mountPoint) {
+      return;
+    }
+    var offsetParent = ref === null || ref === void 0 ? void 0 : ref.offsetParent;
+    if (!offsetParent) {
+      return;
+    }
+    var offsetParentRect = offsetParent.getBoundingClientRect();
+    var rightOverflow = offsetParentRect.right + rect.width - boundariesRect.right;
+    var leftOverflow = boundariesRect.left - (offsetParentRect.left - rect.width);
+    if (rightOverflow > leftOverflow) {
+      ref.style.left = "-".concat(rect.width, "px");
+    }
 
-      // if it overflows regardless of side, let it overlap with the parent menu
-      if (leftOverflow > 0 && rightOverflow > 0) {
-        if (rightOverflow < leftOverflow) {
-          ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
-        } else {
-          ref.style.left = "-".concat(rect.width - leftOverflow, "px");
-        }
-      }
-    } else {
-      if (rect.left + rect.width > boundariesRect.width) {
-        ref.style.left = "-".concat(rect.width, "px");
+    // if it overflows regardless of side, let it overlap with the parent menu
+    if (leftOverflow > 0 && rightOverflow > 0) {
+      if (rightOverflow < leftOverflow) {
+        ref.style.left = "".concat(offsetParentRect.width - rightOverflow, "px");
+      } else {
+        ref.style.left = "-".concat(rect.width - leftOverflow, "px");
       }
     }
   };

package/dist/types/nodeviews/TableRowNativeStickyWithFallback.d.ts

@@ -18,7 +18,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private colControlsOffset;
     private focused;
     private topPosEditorElement;
-    private isSticky;
+    private isLegacySticky;
     private intersectionObserver?;
     private resizeObserver?;
     private tableContainerObserver?;
@@ -58,7 +58,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private initObservers;
     private createResizeObserver;
     private createIntersectionObserver;
-    private refreshStickyState;
+    private refreshLegacyStickyState;
     private shouldSticky;
     private isHeaderSticky;
     private onTablePluginState;
@@ -68,8 +68,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
      * Useful when the header may have detached from the table.
      */
     private refireIntersectionObservers;
-    private makeHeaderRowSticky;
-    private makeRowHeaderNotSticky;
+    private makeHeaderRowLegacySticky;
+    private makeRowHeaderNotLegacySticky;
     private getWrapperoffset;
     private getWrapperRefTop;
     private getScrolledTableTop;

package/dist/types-ts4.5/nodeviews/TableRowNativeStickyWithFallback.d.ts

@@ -18,7 +18,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private colControlsOffset;
     private focused;
     private topPosEditorElement;
-    private isSticky;
+    private isLegacySticky;
     private intersectionObserver?;
     private resizeObserver?;
     private tableContainerObserver?;
@@ -58,7 +58,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private initObservers;
     private createResizeObserver;
     private createIntersectionObserver;
-    private refreshStickyState;
+    private refreshLegacyStickyState;
     private shouldSticky;
     private isHeaderSticky;
     private onTablePluginState;
@@ -68,8 +68,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
      * Useful when the header may have detached from the table.
      */
     private refireIntersectionObservers;
-    private makeHeaderRowSticky;
-    private makeRowHeaderNotSticky;
+    private makeHeaderRowLegacySticky;
+    private makeRowHeaderNotLegacySticky;
     private getWrapperoffset;
     private getWrapperRefTop;
     private getScrolledTableTop;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.4.8",
+	"version": "15.4.10",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tmp-editor-statsig": "^14.2.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
@@ -135,9 +135,6 @@
 		"platform_editor_fix_confirm_table_removal": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_table_menus_jira": {
-			"type": "boolean"
-		},
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},