@ckeditor/ckeditor5-widget 0.0.0-nightly-20240506.0 → 0.0.0-nightly-20240508.0

package/dist/types/utils.d.ts

@@ -204,7 +204,7 @@ export declare function viewToModelPositionOutsideModelElement(model: Model, vie
  * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),
  * this helper returns the width of the found ancestor element.
  *
- * **Note**: This helper searches up to 5 levels of ancestors only.
+ *	* It searches up to 5 levels of ancestors only.
  *
  * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.
  * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-widget",
-  "version": "0.0.0-nightly-20240506.0",
+  "version": "0.0.0-nightly-20240508.0",
   "description": "Widget API for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,12 +12,12 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240506.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240506.0",
-    "@ckeditor/ckeditor5-enter": "0.0.0-nightly-20240506.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240506.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240506.0",
-    "@ckeditor/ckeditor5-typing": "0.0.0-nightly-20240506.0",
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240508.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240508.0",
+    "@ckeditor/ckeditor5-enter": "0.0.0-nightly-20240508.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240508.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240508.0",
+    "@ckeditor/ckeditor5-typing": "0.0.0-nightly-20240508.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/utils.d.ts

@@ -200,7 +200,7 @@ export declare function viewToModelPositionOutsideModelElement(model: Model, vie
  * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),
  * this helper returns the width of the found ancestor element.
  *
- * **Note**: This helper searches up to 5 levels of ancestors only.
+ *	* It searches up to 5 levels of ancestors only.
  *
  * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.
  * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.

package/src/utils.js

@@ -350,18 +350,22 @@ function addSelectionHandle(widgetElement, writer) {
  * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),
  * this helper returns the width of the found ancestor element.
  *
- * **Note**: This helper searches up to 5 levels of ancestors only.
+ *	* It searches up to 5 levels of ancestors only.
  *
  * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.
  * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.
  */
 export function calculateResizeHostAncestorWidth(domResizeHost) {
+    const getElementComputedWidth = (element) => {
+        const { width, paddingLeft, paddingRight } = element.ownerDocument.defaultView.getComputedStyle(element);
+        return parseFloat(width) - (parseFloat(paddingLeft) || 0) - (parseFloat(paddingRight) || 0);
+    };
     const domResizeHostParent = domResizeHost.parentElement;
     if (!domResizeHostParent) {
         return 0;
     }
     // Need to use computed style as it properly excludes parent's paddings from the returned value.
-    let parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    let parentWidth = getElementComputedWidth(domResizeHostParent);
     // Sometimes parent width cannot be accessed. If that happens we should go up in the elements tree
     // and try to get width from next ancestor.
     // https://github.com/ckeditor/ckeditor5/issues/10776
@@ -373,7 +377,7 @@ export function calculateResizeHostAncestorWidth(domResizeHost) {
         if (++currentLevel > ancestorLevelLimit) {
             return 0;
         }
-        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+        parentWidth = getElementComputedWidth(checkedElement);
     }
     return parentWidth;
 }