@eclipse-scout/core 22.0.29 → 22.0.33

package/dist/eclipse-scout-core.js

@@ -16458,7 +16458,9 @@ class OutlineLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.TreeLayout {
 
     super._layout($container);
 
-    containerSize = htmlContainer.availableSize().subtract(htmlContainer.insets());
+    containerSize = htmlContainer.availableSize({
+      exact: true
+    }).subtract(htmlContainer.insets());
 
     if (this.outline.embedDetailContent) {
       let selectedNode = this.outline.selectedNodes[0];
@@ -16842,7 +16844,10 @@ class PageLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
         detailMenuBar = this.outline.detailMenuBar,
         detailMenuBarHeight = 0,
         textWidth = 0;
-    containerSize = htmlContainer.availableSize().subtract(htmlContainer.insets());
+    containerSize = htmlContainer.availableSize({
+      exact: true
+    }) // exact is important to calculate text width correctly and to prevent node menubar from wrapping
+    .subtract(htmlContainer.insets());
     textWidth = containerSize.width;
 
     if ($icon.length > 0) {
@@ -16904,7 +16909,9 @@ class PageLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
     textHeight = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.prefSize($text, {
       includeMargin: true,
-      widthHint: textWidth
+      widthHint: textWidth,
+      enforceSizeHints: true,
+      exact: true
     }).height;
 
     if ($icon.length > 0) {
@@ -16919,6 +16926,10 @@ class PageLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
     if (this.outline.detailContent) {
       let htmlDetailContent = this.outline.detailContent.htmlComp;
+      options = $.extend({}, options, {
+        enforceSizeHints: true,
+        exact: true
+      });
       detailContentPrefSize = htmlDetailContent.prefSize(options).add(htmlDetailContent.margins());
     }
 
@@ -63398,6 +63409,10 @@ __webpack_require__.r(__webpack_exports__);
  *
  * heightHint               undefined       Same as 'widthHint' but for the height.
  *
+ * enforceSizeHints         false           Sets min/max-width/height in addition to with width/height if widthHint resp. heightHint is set.
+ *                                          The browser sometimes makes the element smaller or larger than specified by width/height, especially in a flex container.
+ *                                          To prevent that, set this option to true. Default is false, but may change in the future.
+ *
  * restoreScrollPositions   true            By default, the $elem's scrolling position is saved and restored
  *                                          during the execution of this method (because applying
  *                                          intermediate styles for measurement might change the current
@@ -63458,7 +63473,20 @@ function prefSize($elem, options) {
   let cssProperties = {
     'width': newWidth,
     'height': newHeight
-  }; // modify properties which prevent reading the preferred size
+  };
+
+  if (_index__WEBPACK_IMPORTED_MODULE_0__.scout.nvl(options.enforceSizeHints, false)) {
+    if (_index__WEBPACK_IMPORTED_MODULE_0__.objects.isNumber(newWidth)) {
+      cssProperties['max-width'] = newWidth;
+      cssProperties['min-width'] = newWidth;
+    }
+
+    if (_index__WEBPACK_IMPORTED_MODULE_0__.objects.isNumber(newHeight)) {
+      cssProperties['max-height'] = newHeight;
+      cssProperties['min-height'] = newHeight;
+    }
+  } // modify properties which prevent reading the preferred size
+
 
   $elem.css(cssProperties); // measure