@vaadin/form-layout - npm Package Compare versions

Comparing version 24.6.3 to 24.6.4

package.json

 {
   "name": "@vaadin/form-layout",
-  "version": "24.6.3",
+  "version": "24.6.4",
   "publishConfig": {
@@ -39,13 +39,14 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "~24.6.3",
-    "@vaadin/component-base": "~24.6.3",
-    "@vaadin/vaadin-lumo-styles": "~24.6.3",
-    "@vaadin/vaadin-material-styles": "~24.6.3",
-    "@vaadin/vaadin-themable-mixin": "~24.6.3"
+    "@vaadin/a11y-base": "~24.6.4",
+    "@vaadin/component-base": "~24.6.4",
+    "@vaadin/vaadin-lumo-styles": "~24.6.4",
+    "@vaadin/vaadin-material-styles": "~24.6.4",
+    "@vaadin/vaadin-themable-mixin": "~24.6.4"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "~24.6.3",
-    "@vaadin/custom-field": "~24.6.3",
+    "@vaadin/chai-plugins": "~24.6.4",
+    "@vaadin/custom-field": "~24.6.4",
+    "@vaadin/test-runner-commands": "~24.6.4",
     "@vaadin/testing-helpers": "^1.1.0",
-    "@vaadin/text-field": "~24.6.3",
+    "@vaadin/text-field": "~24.6.4",
     "sinon": "^18.0.0"
@@ -57,3 +58,3 @@ },
   ],
-  "gitHead": "26a1f4cd0fd9de4543862015feda3d35c78bd3b8"
+  "gitHead": "02d8ac2c39bc2d27fe60acec7d7bac6bdb73d8a1"
 }

src/vaadin-form-layout.js

@@ -243,7 +243,2 @@ /**
       },
-
-      /** @private */
-      __isVisible: {
-        type: Boolean,
-      },
     };
@@ -273,18 +268,2 @@ }
 
-  constructor() {
-    super();
-
-    this.__intersectionObserver = new IntersectionObserver(([entry]) => {
-      if (!entry.isIntersecting) {
-        // Prevent possible jump when layout becomes visible
-        this.$.layout.style.opacity = 0;
-      }
-      if (!this.__isVisible && entry.isIntersecting) {
-        this._updateLayout();
-        this.$.layout.style.opacity = '';
-      }
-      this.__isVisible = entry.isIntersecting;
-    });
-  }
-
   /** @protected */
@@ -298,3 +277,2 @@ connectedCallback() {
     this._observeChildrenColspanChange();
-    this.__intersectionObserver.observe(this.$.layout);
   }
@@ -308,3 +286,2 @@
     this.__childObserver.disconnect();
-    this.__intersectionObserver.disconnect();
   }
@@ -582,4 +559,12 @@
    */
-  _onResize() {
+  _onResize(contentRect) {
+    if (contentRect.width === 0 && contentRect.height === 0) {
+      this.$.layout.style.opacity = '0';
+      return;
+    }
+
     this._selectResponsiveStep();
+    this._updateLayout();
+
+    this.$.layout.style.opacity = '';
   }
@@ -586,0 +571,0 @@ }

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/form-layout",
-  "version": "24.6.3",
+  "version": "24.6.4",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/form-layout",
-  "version": "24.6.3",
+  "version": "24.6.4",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Worsened metrics

Total package byte prevSize

67942

decreased by-0.55%

Dev dependency count

6

increased by20%

Lines of code

1300

decreased by-1.07%

Dependency changes

• Updated@vaadin/a11y-base@~24.6.4

• Updated@vaadin/component-base@~24.6.4

• Updated@vaadin/vaadin-lumo-styles@~24.6.4

• Updated@vaadin/vaadin-material-styles@~24.6.4

• Updated@vaadin/vaadin-themable-mixin@~24.6.4