chore(*): Apply only user-set min-width as initial constraint.

Author: MKirova

projects/igniteui-angular/src/lib/grids/columns/column.component.ts

@@ -944,6 +944,15 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
         return isPercentageWidth ? parseFloat(this.minWidth) / 100 * gridAvailableSize : parseFloat(this.minWidth);
     }
 
+    /**
+     * @hidden
+     */
+    public get userSetMinWidthPx() {
+        const gridAvailableSize = this.grid.calcWidth;
+        const isPercentageWidth = this._defaultMinWidth && typeof this._defaultMinWidth === 'string' && this._defaultMinWidth.indexOf('%') !== -1;
+        return isPercentageWidth ? parseFloat(this._defaultMinWidth) / 100 * gridAvailableSize : parseFloat(this._defaultMinWidth);
+    }
+
     /**
      * @hidden
      */
@@ -1822,7 +1831,7 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
     /**
      * @hidden
      */
-    protected _maxWidth = '';
+    protected _maxWidth;
     /**
      * @hidden
      */
@@ -2579,9 +2588,9 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
         if (this.maxWidth && newSize > this.maxWidthPx) {
             this.widthConstrained = true;
             return this.maxWidthPx;
-        } else if (this.minWidth && newSize < this.minWidthPx) {
+        } else if (this.minWidth && newSize < this.userSetMinWidthPx) {
             this.widthConstrained = true;
-            return this.minWidthPx;
+            return this.userSetMinWidthPx;
         } else {
             this.widthConstrained = false;
             return newSize;
@@ -2597,7 +2606,7 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
         const isPercentageWidth = colWidth && typeof colWidth === 'string' && colWidth.indexOf('%') !== -1;
         const isAutoWidth = colWidth && typeof colWidth === 'string' && colWidth === 'fit-content';
         if (isPercentageWidth && this.grid.isColumnWidthSum) {
-            this._calcWidth = this.minWidthPx ?? this.grid.minColumnWidth;
+            this._calcWidth = this.userSetMinWidthPx ? this.userSetMinWidthPx : this.grid.minColumnWidth;
         } else if (isPercentageWidth) {
             const currentCalcWidth = parseFloat(colWidth) / 100 * this.grid.calcWidth;
             this._calcWidth = this.grid.calcWidth ? this.getConstrainedSizePx(currentCalcWidth) : 0;

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -6554,7 +6554,7 @@ export abstract class IgxGridBaseDirective implements GridType,
         if (width && typeof width !== 'string') {
             width = String(width);
         }
-        const minWidth = width.indexOf('%') === -1 ? column.minWidthPx : column.minWidthPercent;
+        const minWidth = width.indexOf('%') === -1 ? column.userSetMinWidthPx : column.minWidthPercent;
         const maxWidth = width.indexOf('%') === -1 ? column.maxWidthPx : column.maxWidthPercent;
         if (column.hidden) {
             return width;
@@ -7336,8 +7336,8 @@ export abstract class IgxGridBaseDirective implements GridType,
                 let maxSize = Math.ceil(Math.max(...cellsContentWidths)) + 1;
                 if (col.maxWidth && maxSize > col.maxWidthPx) {
                     maxSize = col.maxWidthPx;
-                } else if (maxSize < col.minWidthPx) {
-                    maxSize = col.minWidthPx;
+                } else if (maxSize < col.userSetMinWidthPx) {
+                    maxSize = col.userSetMinWidthPx;
                 }
                 col.autoSize = maxSize;
                 col.resetCaches();