@atlaskit/editor-plugin-block-menu 5.0.9 → 5.0.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.0.11
+
+### Patch Changes
+
+- [`bf1f847655683`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bf1f847655683) -
+  ED-29512: Fixed not able to delete node when block menu is visible
+- Updated dependencies
+
+## 5.0.10
+
+### Patch Changes
+
+- [`c0f06bd1a9b63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0f06bd1a9b63) -
+  Feature flag removal platform_editor_block_menu_patch_2
+- Updated dependencies
+
 ## 5.0.9
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -6,10 +6,7 @@
 		"rootDir": "../",
 		"composite": true
 	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
+	"include": ["../src/**/*.ts", "../src/**/*.tsx"],
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",

package/dist/cjs/editor-commands/formatNode.js

@@ -8,7 +8,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _selection = require("./selection");
@@ -124,7 +123,7 @@ var formatNode = exports.formatNode = function formatNode(api) {
         });
         //	get the first list node as when click on drag handle if there are list node
         //  can only select one list at a time, so we just need to find the first one
-        if (listNodes.length > 0 && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_patch_2')) {
+        if (listNodes.length > 0) {
           var firstChild = listNodes[0];
           var newTr = formatNodeSelectEmptyList(tr, targetType, firstChild, schema);
           if (newTr) {

package/dist/cjs/editor-commands/transforms/container-transforms.js

@@ -8,7 +8,6 @@ exports.unwrapAndConvertToList = exports.unwrapAndConvertToBlockType = exports.t
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _inlineNodeTransforms = require("./inline-node-transforms");
 var _utils2 = require("./utils");
 var convertInvalidNodeToValidNodeType = function convertInvalidNodeToValidNodeType(sourceContent, sourceNodeType, validNodeType, withMarks) {
@@ -204,7 +203,7 @@ var unwrapAndConvertToList = exports.unwrapAndConvertToList = function unwrapAnd
     heading = _schema$nodes2.heading;
   var isTargetTaskList = targetNodeType === taskList;
   var createListItemFromInline = function createListItemFromInline(content) {
-    if (!content && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_patch_2')) {
+    if (!content) {
       return isTargetTaskList ? taskItem.create() : listItem.create(null, paragraph.create());
     } else {
       return isTargetTaskList ? taskItem.create(null, content) : listItem.create(null, paragraph.create(null, content));
@@ -243,7 +242,7 @@ var unwrapAndConvertToList = exports.unwrapAndConvertToList = function unwrapAnd
     var isOnlyNewLines = function isOnlyNewLines(codeText) {
       return codeText.replace(/\n/g, '').trim() === '';
     };
-    if ((!codeText || isOnlyNewLines(codeText)) && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_patch_2')) {
+    if (!codeText || isOnlyNewLines(codeText)) {
       // Empty code block - create an empty list item
       currentListItems.push(createListItemFromInline());
     }

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

@@ -14,6 +14,7 @@ var _css = require("@atlaskit/css");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _selection = require("@atlaskit/editor-common/selection");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
@@ -185,15 +186,28 @@ var BlockMenu = function BlockMenu(_ref4) {
   if (!isMenuOpen) {
     return null;
   }
-  var closeMenu = function closeMenu() {
+  var handleBackspaceDeleteKeydown = function handleBackspaceDeleteKeydown() {
     api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
-      var _api$blockControls, _api$userIntent3;
+      var _api$blockControls;
       var tr = _ref6.tr;
+      (0, _selection.deleteSelectedRange)(tr);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || _api$blockControls.commands.toggleBlockMenu({
         closeMenu: true
       })({
         tr: tr
       });
+      return tr;
+    });
+  };
+  var closeMenu = function closeMenu() {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
+      var _api$blockControls2, _api$userIntent3;
+      var tr = _ref7.tr;
+      api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.toggleBlockMenu({
+        closeMenu: true
+      })({
+        tr: tr
+      });
       onDropdownOpenChanged(false);
       api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || _api$userIntent3.commands.setCurrentUserIntent(currentUserIntent === 'blockMenuOpen' ? 'default' : currentUserIntent || 'default')({
         tr: tr
@@ -222,6 +236,7 @@ var BlockMenu = function BlockMenu(_ref4) {
       ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
+      handleBackspaceDeleteKeydown: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? handleBackspaceDeleteKeydown : undefined,
       mountTo: mountTo,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
@@ -232,8 +247,10 @@ var BlockMenu = function BlockMenu(_ref4) {
       preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
       ,
       stick: true,
-      focusTrap: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? {
-        initialFocus: openedViaKeyboard ? undefined : targetHandleRef
+      focusTrap: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && openedViaKeyboard ?
+      // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item
+      {
+        initialFocus: undefined
       } : undefined,
       offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/_react.default.createElement(BlockMenuContent, {

package/dist/cjs/ui/copy-block.js

@@ -76,7 +76,7 @@ var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
         // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
         // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
         // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension' && (0, _platformFeatureFlags.fg)('platform_editor_block_menu_patch_2'))) {
+        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
           var expandOrExtensionNode = fragment.firstChild;
           var actualNodeToCopy = expandOrExtensionNode.firstChild;
           fragment = _model.Fragment.from(actualNodeToCopy) || _model.Fragment.empty;

package/dist/cjs/ui/delete-button.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _messages = require("@atlaskit/editor-common/messages");
+var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
@@ -40,20 +41,24 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
         eventType: _analytics.EVENT_TYPE.UI
       };
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
-      var selection = tr.selection;
-      var from = selection.$from.pos;
-      var to = selection.$to.pos;
-      if (selection instanceof _state.TextSelection) {
-        from = from - 1;
-        to = to + 1;
-      } else if ((0, _utils.isTableSelected)(selection)) {
-        var table = (0, _utils.findTable)(selection);
-        if (table) {
-          from = table.pos;
-          to = table.pos + table.node.nodeSize;
+      if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+        (0, _selection.deleteSelectedRange)(tr);
+      } else {
+        var selection = tr.selection;
+        var from = selection.$from.pos;
+        var to = selection.$to.pos;
+        if (selection instanceof _state.TextSelection) {
+          from = from - 1;
+          to = to + 1;
+        } else if ((0, _utils.isTableSelected)(selection)) {
+          var table = (0, _utils.findTable)(selection);
+          if (table) {
+            from = table.pos;
+            to = table.pos + table.node.nodeSize;
+          }
         }
+        tr.deleteRange(from, to);
       }
-      tr.deleteRange(from, to);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.toggleBlockMenu({
         closeMenu: true
       })({

package/dist/es2019/editor-commands/formatNode.js

@@ -2,7 +2,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, safeInsert as pmSafeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { setSelectionAfterTransform } from './selection';
@@ -129,7 +128,7 @@ export const formatNode = api => (targetType, analyticsAttrs) => {
       });
       //	get the first list node as when click on drag handle if there are list node
       //  can only select one list at a time, so we just need to find the first one
-      if (listNodes.length > 0 && fg('platform_editor_block_menu_patch_2')) {
+      if (listNodes.length > 0) {
         const firstChild = listNodes[0];
         const newTr = formatNodeSelectEmptyList(tr, targetType, firstChild, schema);
         if (newTr) {

package/dist/es2019/editor-commands/transforms/container-transforms.js

@@ -1,6 +1,5 @@
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getInlineNodeTextContent } from './inline-node-transforms';
 import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker, convertCodeBlockContentToParagraphs, filterMarksForTargetNodeType, getMarksWithBreakout } from './utils';
 const convertInvalidNodeToValidNodeType = (sourceContent, sourceNodeType, validNodeType, withMarks) => {
@@ -205,7 +204,7 @@ export const unwrapAndConvertToList = ({
   } = schema.nodes;
   const isTargetTaskList = targetNodeType === taskList;
   const createListItemFromInline = content => {
-    if (!content && fg('platform_editor_block_menu_patch_2')) {
+    if (!content) {
       return isTargetTaskList ? taskItem.create() : listItem.create(null, paragraph.create());
     } else {
       return isTargetTaskList ? taskItem.create(null, content) : listItem.create(null, paragraph.create(null, content));
@@ -242,7 +241,7 @@ export const unwrapAndConvertToList = ({
     // check if code block only contains newline characters
     // eslint-disable-next-line require-unicode-regexp
     const isOnlyNewLines = codeText => codeText.replace(/\n/g, '').trim() === '';
-    if ((!codeText || isOnlyNewLines(codeText)) && fg('platform_editor_block_menu_patch_2')) {
+    if (!codeText || isOnlyNewLines(codeText)) {
       // Empty code block - create an empty list item
       currentListItems.push(createListItemFromInline());
     }

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

@@ -7,6 +7,7 @@ import { cx } from '@atlaskit/css';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -175,16 +176,30 @@ const BlockMenu = ({
   if (!isMenuOpen) {
     return null;
   }
-  const closeMenu = () => {
+  const handleBackspaceDeleteKeydown = () => {
     api === null || api === void 0 ? void 0 : api.core.actions.execute(({
       tr
     }) => {
-      var _api$blockControls, _api$userIntent3;
+      var _api$blockControls;
+      deleteSelectedRange(tr);
       api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.toggleBlockMenu({
         closeMenu: true
       })({
         tr
       });
+      return tr;
+    });
+  };
+  const closeMenu = () => {
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      var _api$blockControls2, _api$userIntent3;
+      api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.commands.toggleBlockMenu({
+        closeMenu: true
+      })({
+        tr
+      });
       onDropdownOpenChanged(false);
       api === null || api === void 0 ? void 0 : (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.commands.setCurrentUserIntent(currentUserIntent === 'blockMenuOpen' ? 'default' : currentUserIntent || 'default')({
         tr
@@ -213,6 +228,7 @@ const BlockMenu = ({
       ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
+      handleBackspaceDeleteKeydown: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? handleBackspaceDeleteKeydown : undefined,
       mountTo: mountTo,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
@@ -223,8 +239,10 @@ const BlockMenu = ({
       preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
       ,
       stick: true,
-      focusTrap: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? {
-        initialFocus: openedViaKeyboard ? undefined : targetHandleRef
+      focusTrap: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && openedViaKeyboard ?
+      // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item
+      {
+        initialFocus: undefined
       } : undefined,
       offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/React.createElement(BlockMenuContent, {

package/dist/es2019/ui/copy-block.js

@@ -70,7 +70,7 @@ const CopyBlockMenuItem = ({
         // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
         // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
         // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension' && fg('platform_editor_block_menu_patch_2'))) {
+        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
           const expandOrExtensionNode = fragment.firstChild;
           const actualNodeToCopy = expandOrExtensionNode.firstChild;
           fragment = Fragment.from(actualNodeToCopy) || Fragment.empty;

package/dist/es2019/ui/delete-button.js

@@ -3,6 +3,7 @@ import { useIntl, injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { messages } from '@atlaskit/editor-common/block-menu';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
@@ -34,20 +35,24 @@ const DeleteDropdownItemContent = ({
         eventType: EVENT_TYPE.UI
       };
       api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent(payload)(tr);
-      const selection = tr.selection;
-      let from = selection.$from.pos;
-      let to = selection.$to.pos;
-      if (selection instanceof TextSelection) {
-        from = from - 1;
-        to = to + 1;
-      } else if (isTableSelected(selection)) {
-        const table = findTable(selection);
-        if (table) {
-          from = table.pos;
-          to = table.pos + table.node.nodeSize;
+      if (expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+        deleteSelectedRange(tr);
+      } else {
+        const selection = tr.selection;
+        let from = selection.$from.pos;
+        let to = selection.$to.pos;
+        if (selection instanceof TextSelection) {
+          from = from - 1;
+          to = to + 1;
+        } else if (isTableSelected(selection)) {
+          const table = findTable(selection);
+          if (table) {
+            from = table.pos;
+            to = table.pos + table.node.nodeSize;
+          }
         }
+        tr.deleteRange(from, to);
       }
-      tr.deleteRange(from, to);
       api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : (_api$blockControls$co = _api$blockControls.commands) === null || _api$blockControls$co === void 0 ? void 0 : _api$blockControls$co.toggleBlockMenu({
         closeMenu: true
       })({

package/dist/esm/editor-commands/formatNode.js

@@ -2,7 +2,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, safeInsert as pmSafeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { setSelectionAfterTransform } from './selection';
@@ -119,7 +118,7 @@ export var formatNode = function formatNode(api) {
         });
         //	get the first list node as when click on drag handle if there are list node
         //  can only select one list at a time, so we just need to find the first one
-        if (listNodes.length > 0 && fg('platform_editor_block_menu_patch_2')) {
+        if (listNodes.length > 0) {
           var firstChild = listNodes[0];
           var newTr = formatNodeSelectEmptyList(tr, targetType, firstChild, schema);
           if (newTr) {

package/dist/esm/editor-commands/transforms/container-transforms.js

@@ -1,7 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getInlineNodeTextContent } from './inline-node-transforms';
 import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker, convertCodeBlockContentToParagraphs, filterMarksForTargetNodeType, getMarksWithBreakout } from './utils';
 var convertInvalidNodeToValidNodeType = function convertInvalidNodeToValidNodeType(sourceContent, sourceNodeType, validNodeType, withMarks) {
@@ -197,7 +196,7 @@ export var unwrapAndConvertToList = function unwrapAndConvertToList(_ref3) {
     heading = _schema$nodes2.heading;
   var isTargetTaskList = targetNodeType === taskList;
   var createListItemFromInline = function createListItemFromInline(content) {
-    if (!content && fg('platform_editor_block_menu_patch_2')) {
+    if (!content) {
       return isTargetTaskList ? taskItem.create() : listItem.create(null, paragraph.create());
     } else {
       return isTargetTaskList ? taskItem.create(null, content) : listItem.create(null, paragraph.create(null, content));
@@ -236,7 +235,7 @@ export var unwrapAndConvertToList = function unwrapAndConvertToList(_ref3) {
     var isOnlyNewLines = function isOnlyNewLines(codeText) {
       return codeText.replace(/\n/g, '').trim() === '';
     };
-    if ((!codeText || isOnlyNewLines(codeText)) && fg('platform_editor_block_menu_patch_2')) {
+    if (!codeText || isOnlyNewLines(codeText)) {
       // Empty code block - create an empty list item
       currentListItems.push(createListItemFromInline());
     }

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

@@ -7,6 +7,7 @@ import { cx } from '@atlaskit/css';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -177,15 +178,28 @@ var BlockMenu = function BlockMenu(_ref4) {
   if (!isMenuOpen) {
     return null;
   }
-  var closeMenu = function closeMenu() {
+  var handleBackspaceDeleteKeydown = function handleBackspaceDeleteKeydown() {
     api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
-      var _api$blockControls, _api$userIntent3;
+      var _api$blockControls;
       var tr = _ref6.tr;
+      deleteSelectedRange(tr);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || _api$blockControls.commands.toggleBlockMenu({
         closeMenu: true
       })({
         tr: tr
       });
+      return tr;
+    });
+  };
+  var closeMenu = function closeMenu() {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
+      var _api$blockControls2, _api$userIntent3;
+      var tr = _ref7.tr;
+      api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.toggleBlockMenu({
+        closeMenu: true
+      })({
+        tr: tr
+      });
       onDropdownOpenChanged(false);
       api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || _api$userIntent3.commands.setCurrentUserIntent(currentUserIntent === 'blockMenuOpen' ? 'default' : currentUserIntent || 'default')({
         tr: tr
@@ -214,6 +228,7 @@ var BlockMenu = function BlockMenu(_ref4) {
       ,
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
+      handleBackspaceDeleteKeydown: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? handleBackspaceDeleteKeydown : undefined,
       mountTo: mountTo,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
@@ -224,8 +239,10 @@ var BlockMenu = function BlockMenu(_ref4) {
       preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
       ,
       stick: true,
-      focusTrap: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? {
-        initialFocus: openedViaKeyboard ? undefined : targetHandleRef
+      focusTrap: expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && openedViaKeyboard ?
+      // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item
+      {
+        initialFocus: undefined
       } : undefined,
       offset: [DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
     }, /*#__PURE__*/React.createElement(BlockMenuContent, {

package/dist/esm/ui/copy-block.js

@@ -69,7 +69,7 @@ var CopyBlockMenuItem = function CopyBlockMenuItem(_ref) {
         // if text is inside of an expand or extension, the selection contains an expand or extension for some reason
         // the expandNode or extensionNode always and only have one child, no matter how much contents are inside the expand or extension,
         // and the one child is the line that is being selected, so we can use the .firstChild again
-        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension' && fg('platform_editor_block_menu_patch_2'))) {
+        if ((_fragment2 = fragment) !== null && _fragment2 !== void 0 && _fragment2.firstChild && (fragment.firstChild.type.name === 'expand' || fragment.firstChild.type.name === 'bodiedExtension')) {
           var expandOrExtensionNode = fragment.firstChild;
           var actualNodeToCopy = expandOrExtensionNode.firstChild;
           fragment = Fragment.from(actualNodeToCopy) || Fragment.empty;

package/dist/esm/ui/delete-button.js

@@ -3,6 +3,7 @@ import { useIntl, injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { messages } from '@atlaskit/editor-common/block-menu';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
@@ -31,20 +32,24 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
         eventType: EVENT_TYPE.UI
       };
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
-      var selection = tr.selection;
-      var from = selection.$from.pos;
-      var to = selection.$to.pos;
-      if (selection instanceof TextSelection) {
-        from = from - 1;
-        to = to + 1;
-      } else if (isTableSelected(selection)) {
-        var table = findTable(selection);
-        if (table) {
-          from = table.pos;
-          to = table.pos + table.node.nodeSize;
+      if (expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+        deleteSelectedRange(tr);
+      } else {
+        var selection = tr.selection;
+        var from = selection.$from.pos;
+        var to = selection.$to.pos;
+        if (selection instanceof TextSelection) {
+          from = from - 1;
+          to = to + 1;
+        } else if (isTableSelected(selection)) {
+          var table = findTable(selection);
+          if (table) {
+            from = table.pos;
+            to = table.pos + table.node.nodeSize;
+          }
         }
+        tr.deleteRange(from, to);
       }
-      tr.deleteRange(from, to);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.toggleBlockMenu({
         closeMenu: true
       })({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.0.9",
+	"version": "5.0.11",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -102,9 +102,6 @@
 		"platform_editor_block_menu_for_disabled_nodes": {
 			"type": "boolean"
 		},
-		"platform_editor_block_menu_patch_2": {
-			"type": "boolean"
-		},
 		"platform_editor_block_menu_shouldfitcontainer": {
 			"type": "boolean"
 		},