@syncfusion/ej2-inputs 24.2.3 → 24.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.3
+*  version : 24.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@24.1.47",
+  "_id": "@syncfusion/ej2-inputs@24.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-8aEalikkKPwODmcW7pXfm8CCJ13ueZUt5n7O9P6T9TKLOcLC36cAHm8f4qZgFgXHUbQjn9/aQGZ9QVmBMNva8Q==",
+  "_integrity": "sha512-sSMSlCGwD2XaHzx4a8MomH7pd3r6bQvlb3su9VEuHelzaKmeYJpP11P3WijufwSYvUPR0HsBZvMBYY3oVIabkQ==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-24.1.47.tgz",
-  "_shasum": "49f7147d35a0df25e0332878e1e78457dbd424ae",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-24.2.4.tgz",
+  "_shasum": "bc29bc15f3ce40331d6b490ebcf3a16291d06149",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -48,10 +48,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-buttons": "~24.2.3",
-    "@syncfusion/ej2-popups": "~24.2.3",
-    "@syncfusion/ej2-splitbuttons": "~24.2.3"
+    "@syncfusion/ej2-base": "~24.2.5",
+    "@syncfusion/ej2-buttons": "~24.2.5",
+    "@syncfusion/ej2-popups": "~24.2.5",
+    "@syncfusion/ej2-splitbuttons": "~24.2.5"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "24.2.3",
+  "version": "24.2.5",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -103,6 +103,9 @@ var MaskedTextBox = /** @class */ (function (_super) {
             if (this.element.hasAttribute('id')) {
                 this.element.removeAttribute('id');
             }
+            if (this.element.hasAttribute('name')) {
+                this.element.removeAttribute('name');
+            }
             this.element.classList.remove('e-control', 'e-maskedtextbox');
             this.element.classList.add('e-mask-container');
             this.element.appendChild(input);

package/src/uploader/uploader.d.ts

@@ -396,6 +396,13 @@ export interface CancelEventArgs {
     customFormData: {
         [key: string]: Object;
     }[];
+    /**
+     * Defines the additional data in key and value pair format that will be submitted on the header when the upload action is canceled.
+     *
+     */
+    currentRequest?: {
+        [key: string]: string;
+    }[];
 }
 export interface PauseResumeEventArgs {
     /**

package/src/uploader/uploader.js

@@ -1372,7 +1372,7 @@ var Uploader = /** @class */ (function (_super) {
                 }
                 else {
                     this.internalCreateFileList(fileData);
-                    if (this.autoUpload && this.sequenceUpload && this.filesData.length > 0 && this.filesData[this.filesData.length - 1].statusCode !== '2' && this.filesData[this.filesData.length - 1].statusCode !== '0') {
+                    if (this.autoUpload && this.sequenceUpload && this.sequentialUpload && this.filesData.length > 0 && this.filesData[this.filesData.length - 1].statusCode !== '2' && this.filesData[this.filesData.length - 1].statusCode !== '0') {
                         this.filesData = this.filesData.concat(fileData);
                         return;
                     }
@@ -1391,7 +1391,11 @@ var Uploader = /** @class */ (function (_super) {
                     this.upload(this.filesData, true);
                 }
             }
-            this.raiseActionComplete();
+            for (var item = 0; item < this.filesData.length; item++) {
+                if (this.filesData[item].statusCode === '0') {
+                    this.checkActionComplete(true);
+                }
+            }
             this.isFirstFileOnSelection = true;
         }
     };
@@ -2003,7 +2007,8 @@ var Uploader = /** @class */ (function (_super) {
                 event: e,
                 fileData: files,
                 cancel: false,
-                customFormData: []
+                customFormData: [],
+                currentRequest: null
             };
             this.trigger('canceling', eventArgs, function (eventArgs) {
                 if (eventArgs.cancel) {
@@ -2025,13 +2030,18 @@ var Uploader = /** @class */ (function (_super) {
                         formData.append(name_1, files.name);
                         formData.append('cancel-uploading', files.name);
                         _this.updateFormData(formData, eventArgs.customFormData);
-                        var ajax = new Ajax(_this.asyncSettings.removeUrl, 'POST', true, null);
-                        ajax.emitError = false;
-                        ajax.onLoad = function (e) {
+                        var ajax_1 = new Ajax(_this.asyncSettings.removeUrl, 'POST', true, null);
+                        ajax_1.emitError = false;
+                        ajax_1.beforeSend = function (e) {
+                            if (eventArgs.currentRequest) {
+                                _this.updateCustomheader(ajax_1.httpRequest, eventArgs.currentRequest);
+                            }
+                        };
+                        ajax_1.onLoad = function (e) {
                             _this.removecanceledFile(e, files);
                             return {};
                         };
-                        ajax.send(formData);
+                        ajax_1.send(formData);
                     }
                 }
             });

package/styles/bootstrap-dark.css

@@ -7081,6 +7081,10 @@ body.e-colorpicker-overflow {
 
 /*! Form bootstrap theme wise override definitions and variables */
 /*! data-form layout */
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -7091,48 +7095,48 @@ body.e-colorpicker-overflow {
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
-  -ms-grid-columns: (minmax(0, 1fr))[2];
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  -ms-grid-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-3 {
-  -ms-grid-columns: (minmax(0, 1fr))[3];
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+  -ms-grid-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-4 {
-  -ms-grid-columns: (minmax(0, 1fr))[4];
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  -ms-grid-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-5 {
-  -ms-grid-columns: (minmax(0, 1fr))[5];
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  -ms-grid-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-6 {
-  -ms-grid-columns: (minmax(0, 1fr))[6];
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+  -ms-grid-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-7 {
-  -ms-grid-columns: (minmax(0, 1fr))[7];
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+  -ms-grid-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-8 {
-  -ms-grid-columns: (minmax(0, 1fr))[8];
-      grid-template-columns: repeat(8, minmax(0, 1fr));
+  -ms-grid-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-9 {
-  -ms-grid-columns: (minmax(0, 1fr))[9];
-      grid-template-columns: repeat(9, minmax(0, 1fr));
+  -ms-grid-columns: repeat(9, 1fr);
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-10 {
-  -ms-grid-columns: (minmax(0, 1fr))[10];
-      grid-template-columns: repeat(10, minmax(0, 1fr));
+  -ms-grid-columns: repeat(10, 1fr);
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-11 {
-  -ms-grid-columns: (minmax(0, 1fr))[11];
-      grid-template-columns: repeat(11, minmax(0, 1fr));
+  -ms-grid-columns: repeat(11, 1fr);
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-12 {
-  -ms-grid-columns: (minmax(0, 1fr))[12];
-      grid-template-columns: repeat(12, minmax(0, 1fr));
+  -ms-grid-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
   -ms-grid-column-span: 1;

package/styles/bootstrap.css

@@ -7060,6 +7060,10 @@ body.e-colorpicker-overflow {
 
 /*! Form bootstrap theme wise override definitions and variables */
 /*! data-form layout */
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -7070,48 +7074,48 @@ body.e-colorpicker-overflow {
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
-  -ms-grid-columns: (minmax(0, 1fr))[2];
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  -ms-grid-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-3 {
-  -ms-grid-columns: (minmax(0, 1fr))[3];
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+  -ms-grid-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-4 {
-  -ms-grid-columns: (minmax(0, 1fr))[4];
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  -ms-grid-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-5 {
-  -ms-grid-columns: (minmax(0, 1fr))[5];
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  -ms-grid-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-6 {
-  -ms-grid-columns: (minmax(0, 1fr))[6];
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+  -ms-grid-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-7 {
-  -ms-grid-columns: (minmax(0, 1fr))[7];
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+  -ms-grid-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-8 {
-  -ms-grid-columns: (minmax(0, 1fr))[8];
-      grid-template-columns: repeat(8, minmax(0, 1fr));
+  -ms-grid-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-9 {
-  -ms-grid-columns: (minmax(0, 1fr))[9];
-      grid-template-columns: repeat(9, minmax(0, 1fr));
+  -ms-grid-columns: repeat(9, 1fr);
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-10 {
-  -ms-grid-columns: (minmax(0, 1fr))[10];
-      grid-template-columns: repeat(10, minmax(0, 1fr));
+  -ms-grid-columns: repeat(10, 1fr);
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-11 {
-  -ms-grid-columns: (minmax(0, 1fr))[11];
-      grid-template-columns: repeat(11, minmax(0, 1fr));
+  -ms-grid-columns: repeat(11, 1fr);
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-12 {
-  -ms-grid-columns: (minmax(0, 1fr))[12];
-      grid-template-columns: repeat(12, minmax(0, 1fr));
+  -ms-grid-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
   -ms-grid-column-span: 1;

package/styles/bootstrap4.css

@@ -7214,6 +7214,10 @@ body.e-colorpicker-overflow {
 
 /*! Form bootstrap theme wise override definitions and variables */
 /*! data-form layout */
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -7224,48 +7228,48 @@ body.e-colorpicker-overflow {
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
-  -ms-grid-columns: (minmax(0, 1fr))[2];
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  -ms-grid-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-3 {
-  -ms-grid-columns: (minmax(0, 1fr))[3];
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+  -ms-grid-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-4 {
-  -ms-grid-columns: (minmax(0, 1fr))[4];
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  -ms-grid-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-5 {
-  -ms-grid-columns: (minmax(0, 1fr))[5];
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  -ms-grid-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-6 {
-  -ms-grid-columns: (minmax(0, 1fr))[6];
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+  -ms-grid-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-7 {
-  -ms-grid-columns: (minmax(0, 1fr))[7];
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+  -ms-grid-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-8 {
-  -ms-grid-columns: (minmax(0, 1fr))[8];
-      grid-template-columns: repeat(8, minmax(0, 1fr));
+  -ms-grid-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-9 {
-  -ms-grid-columns: (minmax(0, 1fr))[9];
-      grid-template-columns: repeat(9, minmax(0, 1fr));
+  -ms-grid-columns: repeat(9, 1fr);
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-10 {
-  -ms-grid-columns: (minmax(0, 1fr))[10];
-      grid-template-columns: repeat(10, minmax(0, 1fr));
+  -ms-grid-columns: repeat(10, 1fr);
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-11 {
-  -ms-grid-columns: (minmax(0, 1fr))[11];
-      grid-template-columns: repeat(11, minmax(0, 1fr));
+  -ms-grid-columns: repeat(11, 1fr);
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-12 {
-  -ms-grid-columns: (minmax(0, 1fr))[12];
-      grid-template-columns: repeat(12, minmax(0, 1fr));
+  -ms-grid-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
   -ms-grid-column-span: 1;

package/styles/bootstrap5-dark.css

@@ -7378,6 +7378,10 @@ body.e-colorpicker-overflow {
 
 /*! Form tailwind theme wise override definitions and variables */
 /*! data-form layout */
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -7388,48 +7392,48 @@ body.e-colorpicker-overflow {
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
-  -ms-grid-columns: (minmax(0, 1fr))[2];
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  -ms-grid-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-3 {
-  -ms-grid-columns: (minmax(0, 1fr))[3];
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+  -ms-grid-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-4 {
-  -ms-grid-columns: (minmax(0, 1fr))[4];
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  -ms-grid-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-5 {
-  -ms-grid-columns: (minmax(0, 1fr))[5];
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  -ms-grid-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-6 {
-  -ms-grid-columns: (minmax(0, 1fr))[6];
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+  -ms-grid-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-7 {
-  -ms-grid-columns: (minmax(0, 1fr))[7];
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+  -ms-grid-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-8 {
-  -ms-grid-columns: (minmax(0, 1fr))[8];
-      grid-template-columns: repeat(8, minmax(0, 1fr));
+  -ms-grid-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-9 {
-  -ms-grid-columns: (minmax(0, 1fr))[9];
-      grid-template-columns: repeat(9, minmax(0, 1fr));
+  -ms-grid-columns: repeat(9, 1fr);
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-10 {
-  -ms-grid-columns: (minmax(0, 1fr))[10];
-      grid-template-columns: repeat(10, minmax(0, 1fr));
+  -ms-grid-columns: repeat(10, 1fr);
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-11 {
-  -ms-grid-columns: (minmax(0, 1fr))[11];
-      grid-template-columns: repeat(11, minmax(0, 1fr));
+  -ms-grid-columns: repeat(11, 1fr);
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-12 {
-  -ms-grid-columns: (minmax(0, 1fr))[12];
-      grid-template-columns: repeat(12, minmax(0, 1fr));
+  -ms-grid-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
   -ms-grid-column-span: 1;

package/styles/bootstrap5.css

@@ -7378,6 +7378,10 @@ body.e-colorpicker-overflow {
 
 /*! Form tailwind theme wise override definitions and variables */
 /*! data-form layout */
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -7388,48 +7392,48 @@ body.e-colorpicker-overflow {
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
-  -ms-grid-columns: (minmax(0, 1fr))[2];
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  -ms-grid-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-3 {
-  -ms-grid-columns: (minmax(0, 1fr))[3];
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+  -ms-grid-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-4 {
-  -ms-grid-columns: (minmax(0, 1fr))[4];
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  -ms-grid-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-5 {
-  -ms-grid-columns: (minmax(0, 1fr))[5];
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  -ms-grid-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-6 {
-  -ms-grid-columns: (minmax(0, 1fr))[6];
-      grid-template-columns: repeat(6, minmax(0, 1fr));
+  -ms-grid-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-7 {
-  -ms-grid-columns: (minmax(0, 1fr))[7];
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+  -ms-grid-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-8 {
-  -ms-grid-columns: (minmax(0, 1fr))[8];
-      grid-template-columns: repeat(8, minmax(0, 1fr));
+  -ms-grid-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-9 {
-  -ms-grid-columns: (minmax(0, 1fr))[9];
-      grid-template-columns: repeat(9, minmax(0, 1fr));
+  -ms-grid-columns: repeat(9, 1fr);
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-10 {
-  -ms-grid-columns: (minmax(0, 1fr))[10];
-      grid-template-columns: repeat(10, minmax(0, 1fr));
+  -ms-grid-columns: repeat(10, 1fr);
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-11 {
-  -ms-grid-columns: (minmax(0, 1fr))[11];
-      grid-template-columns: repeat(11, minmax(0, 1fr));
+  -ms-grid-columns: repeat(11, 1fr);
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 .e-data-form .e-grid-col-12 {
-  -ms-grid-columns: (minmax(0, 1fr))[12];
-      grid-template-columns: repeat(12, minmax(0, 1fr));
+  -ms-grid-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
   -ms-grid-column-span: 1;

package/styles/data-form/_layout.scss

@@ -13,50 +13,63 @@
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -105,8 +118,6 @@
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {