@ckeditor/ckeditor5-widget 0.0.0-nightly-20250902.0 → 0.0.0-nightly-20250904.0

package/dist/index.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';
-import { MouseObserver, ModelTreeWalker } from '@ckeditor/ckeditor5-engine/dist/index.js';
+import { MouseObserver, PointerObserver, ModelTreeWalker } from '@ckeditor/ckeditor5-engine/dist/index.js';
 import { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';
 import { EmitterMixin, Rect, CKEditorError, toArray, isForwardArrowKeyCode, env, keyCodes, getLocalizedArrowKeyCodeDirection, getRangeFromMouseEvent, logWarning, ObservableMixin, compareArrays, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';
 import { IconDragHandle, IconReturnArrow } from '@ckeditor/ckeditor5-icons/dist/index.js';
@@ -1597,7 +1597,9 @@ function selectionWillShrink(selection, isForward) {
         });
         // If mouse down is pressed on widget - create selection over whole widget.
         view.addObserver(MouseObserver);
+        view.addObserver(PointerObserver);
         this.listenTo(viewDocument, 'mousedown', (...args)=>this._onMousedown(...args));
+        this.listenTo(viewDocument, 'pointerdown', (...args)=>this._onPointerdown(...args));
         // There are two keydown listeners working on different priorities. This allows other
         // features such as WidgetTypeAround or TableKeyboard to attach their listeners in between
         // and customize the behavior even further in different content/selection scenarios.
@@ -1721,10 +1723,7 @@ function selectionWillShrink(selection, isForward) {
     /**
 	 * Handles {@link module:engine/view/document~ViewDocument#event:mousedown mousedown} events on widget elements.
 	 */ _onMousedown(eventInfo, domEventData) {
-        const editor = this.editor;
-        const view = editor.editing.view;
-        const viewDocument = view.document;
-        let element = domEventData.target;
+        const element = domEventData.target;
         // Some of DOM elements have no view element representation so it may be null.
         if (!element) {
             return;
@@ -1734,6 +1733,20 @@ function selectionWillShrink(selection, isForward) {
             if (this._selectBlockContent(element)) {
                 domEventData.preventDefault();
             }
+        }
+    }
+    /**
+	 * Handles {@link module:engine/view/document~ViewDocument#event:pointerdown pointerdown} events on widget elements.
+	 */ _onPointerdown(eventInfo, domEventData) {
+        if (!domEventData.domEvent.isPrimary) {
+            return;
+        }
+        const editor = this.editor;
+        const view = editor.editing.view;
+        const viewDocument = view.document;
+        let element = domEventData.target;
+        // Some of DOM elements have no view element representation so it may be null.
+        if (!element) {
             return;
         }
         // If target is not a widget element - check if one of the ancestors is.
@@ -1754,9 +1767,10 @@ function selectionWillShrink(selection, isForward) {
                 }
             }
         }
-        // On Android selection would jump to the first table cell, on other devices
+        // On Android and iOS selection would jump to the first table cell, on other devices
         // we can't block it (and don't need to) because of drag and drop support.
-        if (env.isAndroid) {
+        // In iOS drag and drop works anyway on a long press.
+        if (env.isAndroid || env.isiOS) {
             domEventData.preventDefault();
         }
         // Focus editor if is not focused already.