@ckeditor/ckeditor5-clipboard 0.0.0-nightly-20231004.0 → 0.0.0-nightly-20231006.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-clipboard",
-  "version": "0.0.0-nightly-20231004.0",
+  "version": "0.0.0-nightly-20231006.0",
   "description": "Clipboard integration feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,11 +12,11 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20231004.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20231004.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20231004.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20231004.0",
-    "@ckeditor/ckeditor5-widget": "0.0.0-nightly-20231004.0",
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20231006.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20231006.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20231006.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20231006.0",
+    "@ckeditor/ckeditor5-widget": "0.0.0-nightly-20231006.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/clipboardpipeline.js

@@ -40,7 +40,7 @@ import viewToPlainText from './utils/viewtoplaintext';
 //
 //              ┌──────────────────────┐          ┌──────────────────────┐
 //              │     view.Document    │          │     view.Document    │   Retrieves the selected model.DocumentFragment
-//              │         copy         │          │          cut         │   and fires `outputTransformation` event.
+//              │         copy         │          │          cut         │   and fires the `outputTransformation` event.
 //              └───────────┬──────────┘          └───────────┬──────────┘
 //                          │                                 │
 //                          └────────────────┌────────────────┘

package/src/dragdrop.js

@@ -409,7 +409,17 @@ export default class DragDrop extends Plugin {
         }
         // Delete moved content.
         if (moved && this.isEnabled) {
-            model.deleteContent(model.createSelection(this._draggedRange), { doNotAutoparagraph: true });
+            model.change(writer => {
+                const selection = model.createSelection(this._draggedRange);
+                model.deleteContent(selection, { doNotAutoparagraph: true });
+                // Check result selection if it does not require auto-paragraphing of empty container.
+                const selectionParent = selection.getFirstPosition().parent;
+                if (selectionParent.isEmpty &&
+                    !model.schema.checkChild(selectionParent, '$text') &&
+                    model.schema.checkChild(selectionParent, 'paragraph')) {
+                    writer.insertElement('paragraph', selectionParent, 0);
+                }
+            });
         }
         this._draggedRange.detach();
         this._draggedRange = null;
@@ -485,6 +495,13 @@ export default class DragDrop extends Plugin {
         preview.className = 'ck ck-content';
         preview.style.width = computedStyle.width;
         preview.style.paddingLeft = `${domRect.left - clientX + domEditablePaddingLeft}px`;
+        /**
+         * Set white background in drag and drop preview if iOS.
+         * Check: https://github.com/ckeditor/ckeditor5/issues/15085
+         */
+        if (env.isiOS) {
+            preview.style.backgroundColor = 'white';
+        }
         preview.innerHTML = dataTransfer.getData('text/html');
         dataTransfer.setDragImage(preview, 0, 0);
         this._previewContainer.appendChild(preview);

package/src/dragdroptarget.js

@@ -278,6 +278,9 @@ function findDropTargetRange(editor, targetViewElement, targetViewRanges, client
                 .filter((node) => node.is('element') && !isFloatingElement(editor, node));
             let startIndex = 0;
             let endIndex = childNodes.length;
+            if (endIndex == 0) {
+                return model.createRange(model.createPositionAt(modelElement, 'end'));
+            }
             while (startIndex < endIndex - 1) {
                 const middleIndex = Math.floor((startIndex + endIndex) / 2);
                 const side = findElementSide(editor, childNodes[middleIndex], clientX, clientY);