vaadin · Mar 27, 2025
diff --git a/‎packages/form-layout/src/layouts/auto-responsive-layout.js
+6-1 b/‎packages/form-layout/src/layouts/auto-responsive-layout.js
+6-1
diff --git a/‎packages/form-layout/src/vaadin-form-layout-mixin.d.ts
+2-1 b/‎packages/form-layout/src/vaadin-form-layout-mixin.d.ts
+2-1
@@ -124,7 +124,12 @@ export class AutoResponsiveLayout extends AbstractLayout {
       child.style.removeProperty('--_grid-colstart');
     });
 
-    host.style.setProperty('--_column-width', props.columnWidth);
+    if (props.columnWidth) {
+      host.style.setProperty('--_column-width', props.columnWidth);
+    } else {
+      host.style.removeProperty('--_column-width');
+    }
+
     host.style.setProperty('--_max-columns', Math.min(props.maxColumns, maxColumns));
 
     host.$.layout.toggleAttribute('fits-labels-aside', this.props.labelsAside && this.__fitsLabelsAside);
 
@@ -101,7 +101,8 @@ export declare class FormLayoutMixinClass {
    * When `autoResponsive` is enabled, defines the width of each column.
    * The value must be defined in CSS length units, e.g. `100px`.
    *
-   * The default value is `13em`.
+   * If the column width isn't explicitly set, it defaults to `12em`
+   * or `--vaadin-field-default-width` if that CSS property is defined.
    *
    * @attr {string} column-width
    */
Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,8 @@ export declare class FormLayoutMixinClass {`
`101`	`101`	* When `autoResponsive` is enabled, defines the width of each column.
`102`	`102`	* The value must be defined in CSS length units, e.g. `100px`.
`103`	`103`	`*`
`104`		- * The default value is `13em`.
	`104`	+ * If the column width isn't explicitly set, it defaults to `12em`
	`105`	+ * or `--vaadin-field-default-width` if that CSS property is defined.
`105`	`106`	`*`
`106`	`107`	`* @attr {string} column-width`
`107`	`108`	`*/`