@ckeditor/ckeditor5-widget 37.0.0-alpha.1 → 37.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-widget",
-  "version": "37.0.0-alpha.1",
+  "version": "37.0.0-alpha.2",
   "description": "Widget API for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,29 +11,29 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-engine": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-enter": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-ui": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-utils": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-typing": "^37.0.0-alpha.1",
+    "@ckeditor/ckeditor5-core": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-engine": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-enter": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-ui": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-utils": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-typing": "^37.0.0-alpha.2",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-block-quote": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-clipboard": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-editor-balloon": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-editor-classic": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-essentials": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-heading": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-horizontal-line": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-image": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-link": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-media-embed": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-paragraph": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-table": "^37.0.0-alpha.1",
-    "@ckeditor/ckeditor5-undo": "^37.0.0-alpha.1",
+    "@ckeditor/ckeditor5-basic-styles": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-block-quote": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-clipboard": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-editor-balloon": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-editor-classic": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-essentials": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-heading": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-horizontal-line": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-image": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-link": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-media-embed": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-paragraph": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-table": "^37.0.0-alpha.2",
+    "@ckeditor/ckeditor5-undo": "^37.0.0-alpha.2",
     "typescript": "^4.8.4",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"

package/src/widgetresize/resizerstate.js

@@ -76,12 +76,25 @@ export default class ResizeState extends ObservableMixin() {
     }
 }
 /**
- * Calculates a relative width of a `domResizeHost` compared to it's parent in percents.
+ * Calculates a relative width of a `domResizeHost` compared to its ancestor in percents.
  */
 function calculateHostPercentageWidth(domResizeHost, resizeHostRect) {
     const domResizeHostParent = domResizeHost.parentElement;
     // Need to use computed style as it properly excludes parent's paddings from the returned value.
-    const parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    let parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(domResizeHostParent).width);
+    // 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
+    const ancestorLevelLimit = 5;
+    let currentLevel = 0;
+    let checkedElement = domResizeHostParent;
+    while (isNaN(parentWidth)) {
+        checkedElement = checkedElement.parentElement;
+        if (++currentLevel > ancestorLevelLimit) {
+            return 0;
+        }
+        parentWidth = parseFloat(domResizeHostParent.ownerDocument.defaultView.getComputedStyle(checkedElement).width);
+    }
     return resizeHostRect.width / parentWidth * 100;
 }
 /**