@syncfusion/ej2-filemanager 19.4.42 → 19.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.42
+*  version : 19.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. 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-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@19.4.38",
+  "_id": "@syncfusion/ej2-filemanager@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-rJDFRFW8bZ+YAALkJ2EqB9SpF/U+meeTFCim7f35CXLugxZLlGoHpwzHm93PWTbpLjMETYqZFJZ2eWtMW+uR3A==",
+  "_integrity": "sha512-X0K/Cjp5QertYxW0u7Pudh6eHENw0RQNcPc2iqwsq4G0jQAIHLvg1JD3vcLb2KeZXLyxbZ/A4nfp3Lp+tdITFg==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.38.tgz",
-  "_shasum": "fbe4cf4e95eba896e82d8ac698135179dd008039",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.48.tgz",
+  "_shasum": "7418712086c90cb46e9f8bb34fb59c1ef06fa9b3",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,17 +37,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.42",
-    "@syncfusion/ej2-buttons": "~19.4.42",
-    "@syncfusion/ej2-data": "~19.4.42",
-    "@syncfusion/ej2-grids": "~19.4.42",
-    "@syncfusion/ej2-inputs": "~19.4.42",
-    "@syncfusion/ej2-layouts": "~19.4.38",
-    "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.41",
-    "@syncfusion/ej2-popups": "~19.4.41",
-    "@syncfusion/ej2-splitbuttons": "~19.4.40",
-    "selenium-webdriver": "^4.0.0-alpha.1"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-buttons": "~19.4.50",
+    "@syncfusion/ej2-data": "~19.4.50",
+    "@syncfusion/ej2-grids": "~19.4.50",
+    "@syncfusion/ej2-inputs": "~19.4.48",
+    "@syncfusion/ej2-layouts": "~19.4.48",
+    "@syncfusion/ej2-lists": "~19.4.48",
+    "@syncfusion/ej2-navigations": "~19.4.50",
+    "@syncfusion/ej2-popups": "~19.4.50",
+    "@syncfusion/ej2-splitbuttons": "~19.4.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -68,6 +67,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.42",
+  "version": "19.4.50",
   "sideEffects": false
 }

package/src/file-manager/base/file-manager-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';
+import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo, CancelEventArgs } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

package/src/file-manager/base/file-manager.d.ts

@@ -106,6 +106,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
     currentItemText: string;
     renameText: string;
     isFiltered: boolean;
+    isSortByClicked: boolean;
     enablePaste: boolean;
     splitterObj: Splitter;
     persistData: boolean;
@@ -524,6 +525,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
     private onClose;
     private onUploading;
     private onRemoving;
+    private onCancel;
     private onClearing;
     private onSelected;
     private onFileUploadSuccess;

package/src/file-manager/base/file-manager.js

@@ -77,6 +77,8 @@ var FileManager = /** @class */ (function (_super) {
         _this.folderPath = '';
         _this.isSameAction = false;
         _this.isFiltered = false;
+        // Specifies whether the sort by option is clicked or not.
+        _this.isSortByClicked = false;
         _this.enablePaste = false;
         _this.persistData = false;
         _this.retryArgs = [];
@@ -407,6 +409,7 @@ var FileManager = /** @class */ (function (_super) {
             enableRtl: this.enableRtl,
             uploading: this.onUploading.bind(this),
             removing: this.onRemoving.bind(this),
+            canceling: this.onCancel.bind(this),
             clearing: this.onClearing.bind(this),
             selected: this.onSelected.bind(this),
             success: this.onUploadSuccess.bind(this),
@@ -514,6 +517,11 @@ var FileManager = /** @class */ (function (_super) {
         }
     };
     /* istanbul ignore next */
+    FileManager.prototype.onCancel = function (args) {
+        var data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
+        args.customFormData = [{ 'path': this.path }, { 'action': 'remove' }, { 'data': data }];
+    };
+    /* istanbul ignore next */
     FileManager.prototype.onClearing = function () {
         if (this.isOpened) {
             this.uploadDialogObj.hide();

package/src/file-manager/base/interface.d.ts

@@ -543,6 +543,7 @@ export interface IFileManager extends Component<HTMLElement> {
     isCut: boolean;
     filterData: Object;
     isFiltered: boolean;
+    isSortByClicked: boolean;
     isLayoutChange: boolean;
     isSearchCut: boolean;
     isPasteError: boolean;
@@ -601,6 +602,7 @@ export interface ITreeView extends Component<HTMLElement> {
     duplicateFiles: Function;
     rootID: string;
     activeNode: Element;
+    openFileOnContextMenuClick: Function;
 }
 /** @hidden */
 export interface IContextMenu extends Component<HTMLElement> {

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

@@ -267,7 +267,13 @@ export function searchWordHandler(parent, value, isLayoutChange) {
     }
     else {
         if (!parent.isFiltered) {
-            read(parent, isLayoutChange ? events.layoutChange : events.search, parent.path);
+            if (parent.isSortByClicked) {
+                parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
+                parent.isSortByClicked = false;
+            }
+            else {
+                read(parent, isLayoutChange ? events.layoutChange : events.search, parent.path);
+            }
         }
         else {
             filter(parent, events.layoutChange);
@@ -678,6 +684,7 @@ export function getCssClass(parent, css) {
  */
 export function sortbyClickHandler(parent, args) {
     var tick;
+    parent.isSortByClicked = true;
     if (args.item.id.indexOf('ascending') !== -1 || args.item.id.indexOf('descending') !== -1 || args.item.id.indexOf('none') !== -1) {
         tick = true;
     }

package/src/file-manager/layout/large-icons-view.d.ts

@@ -13,7 +13,7 @@ export declare class LargeIconsView {
     private keyConfigs;
     private isInteraction;
     private itemList;
-    private items;
+    items: Object[];
     private clickObj;
     private perRow;
     private startItem;

package/src/file-manager/layout/navigation-pane.d.ts

@@ -21,6 +21,9 @@ export declare class NavigationPane {
     private isRenameParent;
     private isRightClick;
     private renameParent;
+    private previousSelected;
+    private isNodeClickCalled;
+    private restrictSelecting;
     /**
      * Constructor for the TreeView module
      *
@@ -38,6 +41,8 @@ export declare class NavigationPane {
     private getDropPath;
     private onDrowNode;
     private addChild;
+    private onNodeSelecting;
+    openFileOnContextMenuClick(node: HTMLLIElement): void;
     private onNodeSelected;
     private onPathDrag;
     private onNodeExpand;

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

@@ -29,6 +29,12 @@ var NavigationPane = /** @class */ (function () {
         this.isRenameParent = false;
         this.isRightClick = false;
         this.renameParent = null;
+        // Specifies the previously selected nodes in the treeview control.
+        this.previousSelected = null;
+        // Specifies whether the nodeClicked event of the treeview control is triggered or not.
+        this.isNodeClickCalled = false;
+        // Specifies whether to restrict node selection in the treeview control.
+        this.restrictSelecting = false;
         this.parent = parent;
         this.addEventListener();
         this.keyConfigs = {
@@ -68,6 +74,7 @@ var NavigationPane = /** @class */ (function () {
                 hasChildren: 'hasChild', iconCss: '_fm_icon', htmlAttributes: '_fm_htmlAttr', tooltip: 'name'
             },
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
+            nodeSelecting: this.onNodeSelecting.bind(this),
             nodeSelected: this.onNodeSelected.bind(this),
             nodeExpanding: this.onNodeExpand.bind(this),
             nodeClicked: this.onNodeClicked.bind(this),
@@ -173,6 +180,44 @@ var NavigationPane = /** @class */ (function () {
             this.treeObj.addNodes(directories, target, null, prevent);
         }
     };
+    // Node Selecting event handler
+    NavigationPane.prototype.onNodeSelecting = function (args) {
+        if (!args.isInteracted && !this.isRightClick && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
+            this.restrictSelecting = false;
+            this.isNodeClickCalled = false;
+            return;
+        }
+        if (!this.renameParent) {
+            this.parent.activeModule = 'navigationpane';
+            // eslint-disable-next-line
+            var nodeData = this.getTreeData(getValue('id', args.nodeData));
+            var eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
+            this.parent.trigger('fileOpen', eventArgs);
+            args.cancel = eventArgs.cancel;
+            if (args.cancel) {
+                this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
+                this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
+                this.previousSelected = this.treeObj.selectedNodes;
+                if (!isNOU(this.parent) && !isNOU(this.parent.contextmenuModule)) {
+                    this.parent.contextmenuModule.contextMenu.enableItems(['Open'], true);
+                }
+            }
+        }
+    };
+    // Opens the folder while clicking open context menu item in the treeview.
+    NavigationPane.prototype.openFileOnContextMenuClick = function (node) {
+        var data = this.treeObj.getTreeData(node);
+        // eslint-disable-next-line
+        this.parent.selectedItems = [];
+        this.parent.itemData = data;
+        this.activeNode = node;
+        this.parent.activeModule = 'navigationpane';
+        updatePath(node, this.parent.itemData[0], this.parent);
+        read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
+        this.parent.visitedItem = node;
+        this.isPathDragged = this.isRenameParent = this.isRightClick = false;
+        this.treeObj.selectedNodes = [node.getAttribute('data-uid')];
+    };
     NavigationPane.prototype.onNodeSelected = function (args) {
         if (this.parent.breadcrumbbarModule && this.parent.breadcrumbbarModule.searchObj && !this.renameParent) {
             this.parent.breadcrumbbarModule.searchObj.element.value = '';
@@ -186,20 +231,18 @@ var NavigationPane = /** @class */ (function () {
         this.parent.activeModule = 'navigationpane';
         // eslint-disable-next-line
         var nodeData = this.getTreeData(getValue('id', args.nodeData));
-        if (!this.renameParent) {
-            var eventArgs = { cancel: false, fileDetails: nodeData[0], module: 'NavigationPane' };
-            delete eventArgs.cancel;
-            this.parent.trigger('fileOpen', eventArgs);
-        }
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
+        var previousPath = this.parent.path;
         updatePath(args.node, this.parent.itemData[0], this.parent);
-        this.expandNodeTarget = null;
-        if (args.node.querySelector('.' + CLS.ICONS) && args.node.querySelector('.' + CLS.LIST_ITEM) === null) {
-            this.expandNodeTarget = 'add';
+        if (previousPath !== this.parent.path) {
+            this.expandNodeTarget = null;
+            if (args.node.querySelector('.' + CLS.ICONS) && args.node.querySelector('.' + CLS.LIST_ITEM) === null) {
+                this.expandNodeTarget = 'add';
+            }
+            read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
+            this.parent.visitedItem = args.node;
         }
-        read(this.parent, this.isPathDragged ? events.pasteEnd : events.pathChanged, this.parent.path);
-        this.parent.visitedItem = args.node;
         this.isPathDragged = this.isRenameParent = this.isRightClick = false;
     };
     /* istanbul ignore next */
@@ -232,9 +275,11 @@ var NavigationPane = /** @class */ (function () {
     };
     NavigationPane.prototype.onNodeClicked = function (args) {
         this.parent.activeModule = 'navigationpane';
+        this.previousSelected = this.treeObj.selectedNodes;
         this.activeNode = args.node;
         if ((args.event.which === 3) && (args.node.getAttribute('data-uid') !== this.treeObj.selectedNodes[0])) {
             this.isRightClick = true;
+            this.isNodeClickCalled = true;
             this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
         }
         else if (args.node.getAttribute('data-uid') === this.treeObj.selectedNodes[0] && this.parent.selectedItems.length !== 0) {

package/src/file-manager/pop-up/context-menu.d.ts

@@ -15,6 +15,7 @@ export declare class ContextMenu {
     private currentItems;
     private currentElement;
     private disabledItems;
+    private targetNodeElement;
     menuItemData: object;
     /**
      * Constructor for the ContextMenu module

package/src/file-manager/pop-up/context-menu.js

@@ -73,14 +73,11 @@ var ContextMenu = /** @class */ (function () {
         var data;
         var treeFolder = false;
         var target = args.event.target;
-        this.menuTarget = target;
+        this.menuTarget = this.targetNodeElement = target;
         this.currentElement = args.element;
         if (target.classList.contains('e-spinner-pane')) {
             target = this.parent.navigationpaneModule.activeNode.getElementsByClassName(CLS.FULLROW)[0];
-            this.menuTarget = target;
-        }
-        if (target.classList.contains(CLS.FULLROW)) {
-            this.parent.selectedItems.length = 0;
+            this.menuTarget = this.targetNodeElement = target;
         }
         this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         var view = this.getTargetView(target);
@@ -191,7 +188,7 @@ var ContextMenu = /** @class */ (function () {
             _this.enableItems(_this.disabledItems, false, true);
             args.cancel = menuOpenArgs.cancel;
             if (menuOpenArgs.cancel) {
-                _this.menuTarget = _this.currentElement = null;
+                _this.menuTarget = _this.targetNodeElement = _this.currentElement = null;
             }
         });
     };
@@ -311,7 +308,12 @@ var ContextMenu = /** @class */ (function () {
         }
         else {
             this.parent.notify(events.selectedData, {});
-            details = this.parent.itemData;
+            if (this.parent.activeModule === 'navigationpane' && itemText === 'open') {
+                details = [this.menuItemData];
+            }
+            else {
+                details = this.parent.itemData;
+            }
         }
         var eventArgs = {
             cancel: false,
@@ -388,6 +390,9 @@ var ContextMenu = /** @class */ (function () {
                         if (_this.parent.visitedItem) {
                             _this.parent.notify(events.openInit, { target: _this.parent.visitedItem });
                         }
+                        else if (_this.parent.activeModule === 'navigationpane') {
+                            _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
+                        }
                         break;
                     case 'details':
                         _this.parent.notify(events.detailsInit, {});

package/styles/bootstrap-dark.css

@@ -954,6 +954,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/bootstrap.css

@@ -955,6 +955,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/bootstrap4.css

@@ -954,6 +954,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/bootstrap5-dark.css

@@ -956,6 +956,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/bootstrap5.css

@@ -956,6 +956,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/fabric-dark.css

@@ -946,6 +946,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/fabric.css

@@ -947,6 +947,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/_layout.scss

@@ -962,6 +962,12 @@
       }
     }
 
+    &.e-dialog.e-fe-upload-dialog {
+      .e-dlg-content {
+        overflow: auto;
+      }
+    }
+
     &.e-contextmenu-wrapper ul .e-menu-item.e-separator,
     &.e-contextmenu-container ul .e-menu-item.e-separator {
       margin: $fe-cm-separator-margin;

package/styles/file-manager/bootstrap-dark.css

@@ -954,6 +954,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/bootstrap.css

@@ -955,6 +955,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/bootstrap4.css

@@ -954,6 +954,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/bootstrap5-dark.css

@@ -956,6 +956,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/bootstrap5.css

@@ -956,6 +956,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/fabric-dark.css

@@ -946,6 +946,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/fabric.css

@@ -947,6 +947,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/highcontrast-light.css

@@ -952,6 +952,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/highcontrast.css

@@ -947,6 +947,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/material-dark.css

@@ -974,6 +974,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/material.css

@@ -983,6 +983,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/tailwind-dark.css

@@ -964,6 +964,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/file-manager/tailwind.css

@@ -964,6 +964,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/highcontrast-light.css

@@ -952,6 +952,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;

package/styles/highcontrast.css

@@ -947,6 +947,10 @@ ejs-filemanager {
   overflow: hidden;
 }
 
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
   margin: 0 0;