@syncfusion/ej2-filemanager 30.1.37 → 30.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.37
+*  version : 30.1.39
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,56 +1,25 @@
 {
-  "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@18.29.0",
-  "_inBundle": false,
-  "_integrity": "sha512-m+dTRx6v4/UxMRkeGpTrb+MkOh3/4GRzAeQzb3lNgJBKYqUPT2rntcsowQu6G040eYFLdwcpubRZzRcb4NttDg==",
-  "_location": "/@syncfusion/ej2-filemanager",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-filemanager@*",
-    "name": "@syncfusion/ej2-filemanager",
-    "escapedName": "@syncfusion%2fej2-filemanager",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2-angular-filemanager",
-    "/@syncfusion/ej2-react-filemanager",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-vue-filemanager"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.29.0.tgz",
-  "_shasum": "2d7974f000a566a7fa4ed02ab2a9083550b03515",
-  "_spec": "@syncfusion/ej2-filemanager@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\ej2-nexus-branch-switching-dev\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-filemanager",
+  "version": "30.1.39",
+  "description": "Essential JS 2 FileManager Component",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-filemanager.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-filemanager.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.1.37",
+    "@syncfusion/ej2-base": "~30.1.38",
     "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-data": "~30.1.37",
-    "@syncfusion/ej2-grids": "~30.1.37",
-    "@syncfusion/ej2-inputs": "~30.1.37",
+    "@syncfusion/ej2-data": "~30.1.38",
+    "@syncfusion/ej2-grids": "~30.1.39",
+    "@syncfusion/ej2-inputs": "~30.1.38",
     "@syncfusion/ej2-layouts": "~30.1.37",
     "@syncfusion/ej2-lists": "~30.1.37",
-    "@syncfusion/ej2-navigations": "~30.1.37",
+    "@syncfusion/ej2-navigations": "~30.1.39",
     "@syncfusion/ej2-popups": "~30.1.37",
-    "@syncfusion/ej2-splitbuttons": "~30.1.37"
+    "@syncfusion/ej2-splitbuttons": "~30.1.39"
   },
-  "deprecated": false,
-  "description": "Essential JS 2 FileManager Component",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-filemanager.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -65,15 +34,11 @@
     "file selector",
     "directory viewer"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-filemanager.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-filemanager",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "30.1.37",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/file-manager/common/utility.js

@@ -1036,6 +1036,9 @@ export function getParentPath(oldPath) {
 export function getDirectoryPath(parent, args) {
     var filePath = getValue(parent.hasId ? 'id' : 'name', args.cwd) + '/';
     var fPath = getValue(parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? 'filterId' : 'filterPath', args.cwd);
+    if (!isNOU(fPath) && isFileSystemData(parent) && fPath !== '' && fPath !== '\\') {
+        fPath = '\\' + args.cwd.parentId + '\\';
+    }
     if (!isNOU(fPath)) {
         if (fPath === '') {
             return '/';

package/src/file-manager/layout/navigation-pane.js

@@ -195,6 +195,7 @@ var NavigationPane = /** @class */ (function () {
             this.parent.activeModule = 'navigationpane';
             var nodeData = this.getTreeData(getValue('id', args.nodeData));
             if (args.node.getAttribute('data-uid') !== this.parent.pathId[this.parent.pathId.length - 1] && !this.isRightClick && !this.isNodeClickCalled || this.isSameNodeClicked || this.isPathDragged) {
+                this.isSameNodeClicked = false;
                 this.isNodeClickCalled = false;
                 if (!this.isSameNodeClicked) {
                     this.isSameNodeClicked = true;
@@ -216,7 +217,6 @@ var NavigationPane = /** @class */ (function () {
                 }
             }
             else if (this.previousSelected[0] !== args.node.getAttribute('data-uid')) {
-                this.isSameNodeClicked = true;
                 var selecEventArgs = { action: args.action, fileDetails: nodeData[0], isInteracted: this.isNodeClickCalled };
                 this.parent.trigger('fileSelect', selecEventArgs);
             }
@@ -270,7 +270,6 @@ var NavigationPane = /** @class */ (function () {
         if (previousPath !== this.parent.path) {
             if (!this.isRightClick && this.isSameNodeClicked) {
                 read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
-                this.isNodeClickCalled = true;
             }
             this.parent.visitedItem = args.node;
         }
@@ -647,6 +646,9 @@ var NavigationPane = /** @class */ (function () {
         }
         this.moveNames = [];
         var obj = this.parent.isDragDrop ? this.parent.dragData : this.parent.actionRecords;
+        if (!obj || !Array.isArray(obj)) {
+            return;
+        }
         for (var i = 0; i < obj.length; i++) {
             if (getValue('isFile', obj[i]) === false) {
                 this.moveNames.push(getValue('_fm_id', obj[i]));

package/styles/bds-lite.css

@@ -1014,6 +1014,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -1153,18 +1164,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bds.css

@@ -1014,6 +1014,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -1153,18 +1164,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-dark-lite.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-dark.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap-lite.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap4-lite.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap4.css

@@ -793,6 +793,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -923,18 +934,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-dark-lite.css

@@ -786,6 +786,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -925,18 +936,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-dark.css

@@ -786,6 +786,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -925,18 +936,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5-lite.css

@@ -786,6 +786,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -925,18 +936,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.3-lite.css

@@ -784,6 +784,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -914,18 +925,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.3.css

@@ -784,6 +784,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -914,18 +925,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;

package/styles/bootstrap5.css

@@ -786,6 +786,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -925,18 +936,6 @@ ejs-filemanager {
   visibility: hidden;
 }
 
-.e-fm-view-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-}
-
 .e-filemanager .e-empty-state-container {
   display: -webkit-box;
   display: -ms-flexbox;