handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

package/plugins/copyPaste/contextMenuItem/copyWithColumnGroupHeaders.mjs

@@ -1,4 +1,5 @@
 import { CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_GROUP_HEADERS } from "../../../i18n/constants.mjs";
+import { clamp } from "../../../helpers/number.mjs";
 /**
  * @param {CopyPaste} copyPastePlugin The plugin instance.
  * @returns {object}
@@ -8,7 +9,7 @@ export default function copyWithColumnGroupHeadersItem(copyPastePlugin) {
     key: 'copy_with_column_group_headers',
     name: function name() {
       var selectedRange = this.getSelectedRangeLast();
-      var nounForm = selectedRange ? Math.min(selectedRange.getWidth() - 1, 1) : 0;
+      var nounForm = selectedRange ? clamp(selectedRange.getWidth() - 1, 0, 1) : 0;
       return this.getTranslatedPhrase(CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_GROUP_HEADERS, nounForm);
     },
     callback: function callback() {
@@ -18,6 +19,13 @@ export default function copyWithColumnGroupHeadersItem(copyPastePlugin) {
       if (!this.hasColHeaders() || !this.getSettings().nestedHeaders) {
         return true;
       }
+      var range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       var selected = this.getSelected();
 
       // Disable for no selection or for non-contiguous selection.

package/plugins/copyPaste/contextMenuItem/copyWithColumnHeaders.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.default = copyWithColumnHeadersItem;
 var _constants = require("../../../i18n/constants");
+var _number = require("../../../helpers/number");
 /**
  * @param {CopyPaste} copyPastePlugin The plugin instance.
  * @returns {object}
@@ -12,7 +13,7 @@ function copyWithColumnHeadersItem(copyPastePlugin) {
     key: 'copy_with_column_headers',
     name: function name() {
       var selectedRange = this.getSelectedRangeLast();
-      var nounForm = selectedRange ? Math.min(selectedRange.getWidth() - 1, 1) : 0;
+      var nounForm = selectedRange ? (0, _number.clamp)(selectedRange.getWidth() - 1, 0, 1) : 0;
       return this.getTranslatedPhrase(_constants.CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_HEADERS, nounForm);
     },
     callback: function callback() {
@@ -22,6 +23,13 @@ function copyWithColumnHeadersItem(copyPastePlugin) {
       if (!this.hasColHeaders()) {
         return true;
       }
+      var range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       var selected = this.getSelected();
 
       // Disable for no selection or for non-contiguous selection.

package/plugins/copyPaste/contextMenuItem/copyWithColumnHeaders.mjs

@@ -1,4 +1,5 @@
 import { CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_HEADERS } from "../../../i18n/constants.mjs";
+import { clamp } from "../../../helpers/number.mjs";
 /**
  * @param {CopyPaste} copyPastePlugin The plugin instance.
  * @returns {object}
@@ -8,7 +9,7 @@ export default function copyWithColumnHeadersItem(copyPastePlugin) {
     key: 'copy_with_column_headers',
     name: function name() {
       var selectedRange = this.getSelectedRangeLast();
-      var nounForm = selectedRange ? Math.min(selectedRange.getWidth() - 1, 1) : 0;
+      var nounForm = selectedRange ? clamp(selectedRange.getWidth() - 1, 0, 1) : 0;
       return this.getTranslatedPhrase(CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_HEADERS, nounForm);
     },
     callback: function callback() {
@@ -18,6 +19,13 @@ export default function copyWithColumnHeadersItem(copyPastePlugin) {
       if (!this.hasColHeaders()) {
         return true;
       }
+      var range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       var selected = this.getSelected();
 
       // Disable for no selection or for non-contiguous selection.

package/plugins/copyPaste/contextMenuItem/cut.js

@@ -32,6 +32,13 @@ function cutItem(copyPastePlugin) {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
+      var range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       var selected = this.getSelected();
 
       // Disable for no selection or for non-contiquous selection.

package/plugins/copyPaste/contextMenuItem/cut.mjs

@@ -16,6 +16,13 @@ export default function cutItem(copyPastePlugin) {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
+      var range = this.getSelectedRangeLast();
+      if (!range) {
+        return true;
+      }
+      if (range.isSingleHeader()) {
+        return true;
+      }
       var selected = this.getSelected();
 
       // Disable for no selection or for non-contiquous selection.

package/plugins/copyPaste/copyPaste.js

@@ -12,6 +12,7 @@ require("core-js/modules/es.reflect.get.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 exports.__esModule = true;
 exports.PLUGIN_PRIORITY = exports.PLUGIN_KEY = exports.CopyPaste = void 0;
@@ -33,15 +34,16 @@ var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _SheetClip = require("../../3rdparty/SheetClip");
 var _array = require("../../helpers/array");
 var _string = require("../../helpers/string");
+var _element = require("../../helpers/dom/element");
 var _copy = _interopRequireDefault(require("./contextMenuItem/copy"));
 var _copyColumnHeadersOnly = _interopRequireDefault(require("./contextMenuItem/copyColumnHeadersOnly"));
 var _copyWithColumnGroupHeaders = _interopRequireDefault(require("./contextMenuItem/copyWithColumnGroupHeaders"));
 var _copyWithColumnHeaders = _interopRequireDefault(require("./contextMenuItem/copyWithColumnHeaders"));
 var _cut = _interopRequireDefault(require("./contextMenuItem/cut"));
 var _pasteEvent = _interopRequireDefault(require("./pasteEvent"));
+var _focusableElement = require("./focusableElement");
 var _copyableRanges = require("./copyableRanges");
 var _parseTable = require("../../utils/parseTable");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -278,6 +280,13 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
      * @type {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>}
      */
     _defineProperty(_assertThisInitialized(_this), "copyableRanges", []);
+    /**
+     * Provides focusable element to support IME and copy/paste/cut actions.
+     *
+     * @private
+     * @type {FocusableWrapper}
+     */
+    _defineProperty(_assertThisInitialized(_this), "focusableElement", void 0);
     return _this;
   }
   _createClass(CopyPaste, [{
@@ -320,18 +329,22 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterContextMenuDefaultOptions', function (options) {
         return _this2.onAfterContextMenuDefaultOptions(options);
       });
+      this.addHook('afterOnCellMouseUp', function () {
+        return _this2.onAfterOnCellMouseUp();
+      });
       this.addHook('afterSelectionEnd', function () {
         return _this2.onAfterSelectionEnd();
       });
-      this.eventManager = new _eventManager.default(this);
-      this.eventManager.addEventListener(this.hot.rootDocument, 'copy', function () {
-        return _this2.onCopy.apply(_this2, arguments);
-      });
-      this.eventManager.addEventListener(this.hot.rootDocument, 'cut', function () {
-        return _this2.onCut.apply(_this2, arguments);
+      this.addHook('beforeKeyDown', function () {
+        return _this2.onBeforeKeyDown();
       });
-      this.eventManager.addEventListener(this.hot.rootDocument, 'paste', function () {
-        return _this2.onPaste.apply(_this2, arguments);
+      this.focusableElement = (0, _focusableElement.createElement)(this.uiContainer);
+      this.focusableElement.addLocalHook('copy', function (event) {
+        return _this2.onCopy(event);
+      }).addLocalHook('cut', function (event) {
+        return _this2.onCut(event);
+      }).addLocalHook('paste', function (event) {
+        return _this2.onPaste(event);
       });
       _get(_getPrototypeOf(CopyPaste.prototype), "enablePlugin", this).call(this);
     }
@@ -349,6 +362,7 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
     value: function updatePlugin() {
       this.disablePlugin();
       this.enablePlugin();
+      this.getOrCreateFocusableElement();
       _get(_getPrototypeOf(CopyPaste.prototype), "updatePlugin", this).call(this);
     }
 
@@ -358,6 +372,9 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "disablePlugin",
     value: function disablePlugin() {
+      if (this.focusableElement) {
+        (0, _focusableElement.destroyElement)(this.focusableElement);
+      }
       _get(_getPrototypeOf(CopyPaste.prototype), "disablePlugin", this).call(this);
     }
 
@@ -381,6 +398,8 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       var copyMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cells-only';
       _classPrivateFieldSet(this, _copyMode, copyMode);
       _classPrivateFieldSet(this, _isTriggeredByCopy, true);
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
       this.hot.rootDocument.execCommand('copy');
     }
 
@@ -424,6 +443,8 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
     key: "cut",
     value: function cut() {
       _classPrivateFieldSet(this, _isTriggeredByCut, true);
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
       this.hot.rootDocument.execCommand('cut');
     }
 
@@ -493,6 +514,7 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (pastableHtml) {
         pasteData.clipboardData.setData('text/html', pastableHtml);
       }
+      this.getOrCreateFocusableElement();
       this.onPaste(pasteData);
     }
 
@@ -506,6 +528,10 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (!selectionRange) {
         return;
       }
+      if (selectionRange.isSingleHeader()) {
+        this.copyableRanges = [];
+        return;
+      }
       _classPrivateFieldGet(this, _copyableRangesFactory).setSelectedRange(selectionRange);
       var groupedRanges = new Map([['headers', null], ['cells', null]]);
       if (_classPrivateFieldGet(this, _copyMode) === 'column-headers-only') {
@@ -543,6 +569,23 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Force focus on editable element.
+     *
+     * @private
+     */
+  }, {
+    key: "getOrCreateFocusableElement",
+    value: function getOrCreateFocusableElement() {
+      var _this$hot$getActiveEd;
+      var editableElement = (_this$hot$getActiveEd = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd === void 0 ? void 0 : _this$hot$getActiveEd.TEXTAREA;
+      if (editableElement) {
+        this.focusableElement.setFocusableElement(editableElement);
+      } else {
+        this.focusableElement.useSecondaryElement();
+      }
+    }
+
     /**
      * Verifies if editor exists and is open.
      *
@@ -552,8 +595,8 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "isEditorOpened",
     value: function isEditorOpened() {
-      var _this$hot$getActiveEd;
-      return (_this$hot$getActiveEd = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd === void 0 ? void 0 : _this$hot$getActiveEd.isOpened();
+      var _this$hot$getActiveEd2;
+      return (_this$hot$getActiveEd2 = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd2 === void 0 ? void 0 : _this$hot$getActiveEd2.isOpened();
     }
   }, {
     key: "populateValues",
@@ -692,7 +735,7 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onPaste",
     value: function onPaste(event) {
-      if (!this.hot.isListening() || this.isEditorOpened()) {
+      if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected()) {
         return;
       }
       if (event && event.preventDefault) {
@@ -717,7 +760,7 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (typeof pastedData === 'string') {
         pastedData = (0, _SheetClip.parse)(pastedData);
       }
-      if (pastedData && pastedData.length === 0) {
+      if (pastedData === void 0 || pastedData && pastedData.length === 0) {
         return;
       }
       if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
@@ -757,6 +800,23 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       options.items.push((0, _cut.default)(this));
     }
 
+    /**
+     * Force focus on focusableElement.
+     *
+     * @private
+     */
+  }, {
+    key: "onAfterOnCellMouseUp",
+    value: function onAfterOnCellMouseUp() {
+      // Changing focused element will remove current selection. It's unnecessary in case when we give possibility
+      // for fragment selection
+      if (!this.hot.isListening() || this.isEditorOpened() || this.hot.getSettings().fragmentSelection) {
+        return;
+      }
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
+    }
+
     /**
      * Force focus on focusableElement after end of the selection.
      *
@@ -768,10 +828,32 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (this.isEditorOpened()) {
         return;
       }
-      if (this.hot.getSettings().fragmentSelection) {
+      this.getOrCreateFocusableElement();
+      if (this.hot.getSettings().fragmentSelection && this.focusableElement.getFocusableElement() !== this.hot.rootDocument.activeElement && (0, _element.getSelectionText)()) {
         return;
       }
       this.setCopyableText();
+      this.focusableElement.focus();
+    }
+
+    /**
+     * `beforeKeyDown` listener to force focus of focusableElement.
+     *
+     * @private
+     */
+  }, {
+    key: "onBeforeKeyDown",
+    value: function onBeforeKeyDown() {
+      if (!this.hot.isListening() || this.isEditorOpened()) {
+        return;
+      }
+      var activeElement = this.hot.rootDocument.activeElement;
+      var activeEditor = this.hot.getActiveEditor();
+      if (!activeEditor || activeElement !== this.focusableElement.getFocusableElement() && activeElement !== activeEditor.select) {
+        return;
+      }
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
     }
 
     /**
@@ -780,6 +862,10 @@ var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "destroy",
     value: function destroy() {
+      if (this.focusableElement) {
+        (0, _focusableElement.destroyElement)(this.focusableElement);
+        this.focusableElement = null;
+      }
       _get(_getPrototypeOf(CopyPaste.prototype), "destroy", this).call(this);
     }
   }], [{

package/plugins/copyPaste/copyPaste.mjs

@@ -54,21 +54,23 @@ import "core-js/modules/es.reflect.get.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import { stringify, parse } from "../../3rdparty/SheetClip/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { sanitize } from "../../helpers/string.mjs";
+import { getSelectionText } from "../../helpers/dom/element.mjs";
 import copyItem from "./contextMenuItem/copy.mjs";
 import copyColumnHeadersOnlyItem from "./contextMenuItem/copyColumnHeadersOnly.mjs";
 import copyWithColumnGroupHeadersItem from "./contextMenuItem/copyWithColumnGroupHeaders.mjs";
 import copyWithColumnHeadersItem from "./contextMenuItem/copyWithColumnHeaders.mjs";
 import cutItem from "./contextMenuItem/cut.mjs";
 import PasteEvent from "./pasteEvent.mjs";
+import { createElement, destroyElement } from "./focusableElement.mjs";
 import { CopyableRangesFactory, normalizeRanges } from "./copyableRanges.mjs";
 import { _dataToHTML, htmlToGridSettings } from "../../utils/parseTable.mjs";
-import EventManager from "../../eventManager.mjs";
 Hooks.getSingleton().register('afterCopyLimit');
 Hooks.getSingleton().register('modifyCopyableRange');
 Hooks.getSingleton().register('beforeCut');
@@ -271,6 +273,13 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
      * @type {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>}
      */
     _defineProperty(_assertThisInitialized(_this), "copyableRanges", []);
+    /**
+     * Provides focusable element to support IME and copy/paste/cut actions.
+     *
+     * @private
+     * @type {FocusableWrapper}
+     */
+    _defineProperty(_assertThisInitialized(_this), "focusableElement", void 0);
     return _this;
   }
   _createClass(CopyPaste, [{
@@ -313,18 +322,22 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       this.addHook('afterContextMenuDefaultOptions', function (options) {
         return _this2.onAfterContextMenuDefaultOptions(options);
       });
+      this.addHook('afterOnCellMouseUp', function () {
+        return _this2.onAfterOnCellMouseUp();
+      });
       this.addHook('afterSelectionEnd', function () {
         return _this2.onAfterSelectionEnd();
       });
-      this.eventManager = new EventManager(this);
-      this.eventManager.addEventListener(this.hot.rootDocument, 'copy', function () {
-        return _this2.onCopy.apply(_this2, arguments);
-      });
-      this.eventManager.addEventListener(this.hot.rootDocument, 'cut', function () {
-        return _this2.onCut.apply(_this2, arguments);
+      this.addHook('beforeKeyDown', function () {
+        return _this2.onBeforeKeyDown();
       });
-      this.eventManager.addEventListener(this.hot.rootDocument, 'paste', function () {
-        return _this2.onPaste.apply(_this2, arguments);
+      this.focusableElement = createElement(this.uiContainer);
+      this.focusableElement.addLocalHook('copy', function (event) {
+        return _this2.onCopy(event);
+      }).addLocalHook('cut', function (event) {
+        return _this2.onCut(event);
+      }).addLocalHook('paste', function (event) {
+        return _this2.onPaste(event);
       });
       _get(_getPrototypeOf(CopyPaste.prototype), "enablePlugin", this).call(this);
     }
@@ -342,6 +355,7 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
     value: function updatePlugin() {
       this.disablePlugin();
       this.enablePlugin();
+      this.getOrCreateFocusableElement();
       _get(_getPrototypeOf(CopyPaste.prototype), "updatePlugin", this).call(this);
     }
 
@@ -351,6 +365,9 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "disablePlugin",
     value: function disablePlugin() {
+      if (this.focusableElement) {
+        destroyElement(this.focusableElement);
+      }
       _get(_getPrototypeOf(CopyPaste.prototype), "disablePlugin", this).call(this);
     }
 
@@ -374,6 +391,8 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       var copyMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cells-only';
       _classPrivateFieldSet(this, _copyMode, copyMode);
       _classPrivateFieldSet(this, _isTriggeredByCopy, true);
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
       this.hot.rootDocument.execCommand('copy');
     }
 
@@ -417,6 +436,8 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
     key: "cut",
     value: function cut() {
       _classPrivateFieldSet(this, _isTriggeredByCut, true);
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
       this.hot.rootDocument.execCommand('cut');
     }
 
@@ -486,6 +507,7 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (pastableHtml) {
         pasteData.clipboardData.setData('text/html', pastableHtml);
       }
+      this.getOrCreateFocusableElement();
       this.onPaste(pasteData);
     }
 
@@ -499,6 +521,10 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (!selectionRange) {
         return;
       }
+      if (selectionRange.isSingleHeader()) {
+        this.copyableRanges = [];
+        return;
+      }
       _classPrivateFieldGet(this, _copyableRangesFactory).setSelectedRange(selectionRange);
       var groupedRanges = new Map([['headers', null], ['cells', null]]);
       if (_classPrivateFieldGet(this, _copyMode) === 'column-headers-only') {
@@ -536,6 +562,23 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       }
     }
 
+    /**
+     * Force focus on editable element.
+     *
+     * @private
+     */
+  }, {
+    key: "getOrCreateFocusableElement",
+    value: function getOrCreateFocusableElement() {
+      var _this$hot$getActiveEd;
+      var editableElement = (_this$hot$getActiveEd = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd === void 0 ? void 0 : _this$hot$getActiveEd.TEXTAREA;
+      if (editableElement) {
+        this.focusableElement.setFocusableElement(editableElement);
+      } else {
+        this.focusableElement.useSecondaryElement();
+      }
+    }
+
     /**
      * Verifies if editor exists and is open.
      *
@@ -545,8 +588,8 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "isEditorOpened",
     value: function isEditorOpened() {
-      var _this$hot$getActiveEd;
-      return (_this$hot$getActiveEd = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd === void 0 ? void 0 : _this$hot$getActiveEd.isOpened();
+      var _this$hot$getActiveEd2;
+      return (_this$hot$getActiveEd2 = this.hot.getActiveEditor()) === null || _this$hot$getActiveEd2 === void 0 ? void 0 : _this$hot$getActiveEd2.isOpened();
     }
   }, {
     key: "populateValues",
@@ -685,7 +728,7 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "onPaste",
     value: function onPaste(event) {
-      if (!this.hot.isListening() || this.isEditorOpened()) {
+      if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected()) {
         return;
       }
       if (event && event.preventDefault) {
@@ -710,7 +753,7 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (typeof pastedData === 'string') {
         pastedData = parse(pastedData);
       }
-      if (pastedData && pastedData.length === 0) {
+      if (pastedData === void 0 || pastedData && pastedData.length === 0) {
         return;
       }
       if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
@@ -750,6 +793,23 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       options.items.push(cutItem(this));
     }
 
+    /**
+     * Force focus on focusableElement.
+     *
+     * @private
+     */
+  }, {
+    key: "onAfterOnCellMouseUp",
+    value: function onAfterOnCellMouseUp() {
+      // Changing focused element will remove current selection. It's unnecessary in case when we give possibility
+      // for fragment selection
+      if (!this.hot.isListening() || this.isEditorOpened() || this.hot.getSettings().fragmentSelection) {
+        return;
+      }
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
+    }
+
     /**
      * Force focus on focusableElement after end of the selection.
      *
@@ -761,10 +821,32 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
       if (this.isEditorOpened()) {
         return;
       }
-      if (this.hot.getSettings().fragmentSelection) {
+      this.getOrCreateFocusableElement();
+      if (this.hot.getSettings().fragmentSelection && this.focusableElement.getFocusableElement() !== this.hot.rootDocument.activeElement && getSelectionText()) {
         return;
       }
       this.setCopyableText();
+      this.focusableElement.focus();
+    }
+
+    /**
+     * `beforeKeyDown` listener to force focus of focusableElement.
+     *
+     * @private
+     */
+  }, {
+    key: "onBeforeKeyDown",
+    value: function onBeforeKeyDown() {
+      if (!this.hot.isListening() || this.isEditorOpened()) {
+        return;
+      }
+      var activeElement = this.hot.rootDocument.activeElement;
+      var activeEditor = this.hot.getActiveEditor();
+      if (!activeEditor || activeElement !== this.focusableElement.getFocusableElement() && activeElement !== activeEditor.select) {
+        return;
+      }
+      this.getOrCreateFocusableElement();
+      this.focusableElement.focus();
     }
 
     /**
@@ -773,6 +855,10 @@ export var CopyPaste = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "destroy",
     value: function destroy() {
+      if (this.focusableElement) {
+        destroyElement(this.focusableElement);
+        this.focusableElement = null;
+      }
       _get(_getPrototypeOf(CopyPaste.prototype), "destroy", this).call(this);
     }
   }], [{