@vaadin/overlay 23.3.6 → 23.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/overlay",
-  "version": "23.3.6",
+  "version": "23.3.8",
   "publishConfig": {
     "access": "public"
   },
@@ -36,20 +36,20 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "~23.3.6",
-    "@vaadin/vaadin-lumo-styles": "~23.3.6",
-    "@vaadin/vaadin-material-styles": "~23.3.6",
-    "@vaadin/vaadin-themable-mixin": "~23.3.6"
+    "@vaadin/component-base": "~23.3.8",
+    "@vaadin/vaadin-lumo-styles": "~23.3.8",
+    "@vaadin/vaadin-material-styles": "~23.3.8",
+    "@vaadin/vaadin-themable-mixin": "~23.3.8"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@polymer/iron-overlay-behavior": "^3.0.0",
-    "@vaadin/button": "~23.3.6",
-    "@vaadin/radio-group": "~23.3.6",
+    "@vaadin/button": "~23.3.8",
+    "@vaadin/radio-group": "~23.3.8",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-field": "~23.3.6",
+    "@vaadin/text-field": "~23.3.8",
     "lit": "^2.0.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "3ea0e9875f51cca9c4f78cf731fd8009c5a45ddb"
+  "gitHead": "f3bfde4c881f9deb7d757faf4ab070f0596b0a09"
 }

package/src/vaadin-overlay-position-mixin.d.ts

@@ -54,4 +54,14 @@ export declare class PositionMixinClass {
    * @attr {boolean} no-vertical-overlap
    */
   noVerticalOverlap: boolean;
+
+  /**
+   * If the overlay content has no intrinsic height, this property can be used to set
+   * the minimum vertical space (in pixels) required by the overlay. Setting a value to
+   * the property effectively disables the content measurement in favor of using this
+   * fixed value for determining the open direction.
+   *
+   * @attr {number} required-vertical-space
+   */
+  requiredVerticalSpace: number;
 }

package/src/vaadin-overlay-position-mixin.js

@@ -93,12 +93,25 @@ export const PositionMixin = (superClass) =>
           type: Boolean,
           value: false,
         },
+
+        /**
+         * If the overlay content has no intrinsic height, this property can be used to set
+         * the minimum vertical space (in pixels) required by the overlay. Setting a value to
+         * the property effectively disables the content measurement in favor of using this
+         * fixed value for determining the open direction.
+         *
+         * @attr {number} required-vertical-space
+         */
+        requiredVerticalSpace: {
+          type: Number,
+          value: 0,
+        },
       };
     }
 
     static get observers() {
       return [
-        '__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap)',
+        '__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)',
         '__overlayOpenedChanged(opened, positionTarget)',
       ];
     }
@@ -266,7 +279,8 @@ export const PositionMixin = (superClass) =>
     __shouldAlignStartVertically(targetRect) {
       // Using previous size to fix a case where window resize may cause the overlay to be squeezed
       // smaller than its current space before the fit-calculations.
-      const contentHeight = Math.max(this.__oldContentHeight || 0, this.$.overlay.offsetHeight);
+      const contentHeight =
+        this.requiredVerticalSpace || Math.max(this.__oldContentHeight || 0, this.$.overlay.offsetHeight);
       this.__oldContentHeight = this.$.overlay.offsetHeight;
 
       const viewportHeight = Math.min(window.innerHeight, document.documentElement.clientHeight);