@ckeditor/ckeditor5-widget 41.4.0-alpha.0 → 41.4.0

package/dist/index.js

@@ -447,17 +447,21 @@ var dragHandleIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/
  * 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.
  */ 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
@@ -469,7 +473,7 @@ var dragHandleIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/
         if (++currentLevel > ancestorLevelLimit) {
             return 0;
         }
-        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+        parentWidth = getElementComputedWidth(checkedElement);
     }
     return parentWidth;
 }