@syncfusion/ej2-filemanager 19.4.47 → 19.4.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.47
+*  version : 19.4.52
 *  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.43",
+  "_id": "@syncfusion/ej2-filemanager@19.4.50",
   "_inBundle": false,
-  "_integrity": "sha512-fH3Q1fOFz+gttAUrCzQyH7C8xF93aZRLGdwHR+N3wMY3DheHUl7TW/swq4N+4EGlds0aq4qBXHIH2sm2w/ioIQ==",
+  "_integrity": "sha512-vl9ytjZouirIlmSxMJK5qIC6kLYlIezSbORKoiA6YUmpRbtGQgsyiM1qt3fLwPQKrKtcuyoLIAPHCJV53P9Qlg==",
   "_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.43.tgz",
-  "_shasum": "92dd7a5c453ed3b7ae2b40e9b5dd9fff88720219",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.50.tgz",
+  "_shasum": "caf80b55550c4d6b847839736051e445f03dadcc",
   "_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.47",
-    "@syncfusion/ej2-grids": "~19.4.47",
-    "@syncfusion/ej2-inputs": "~19.4.47",
-    "@syncfusion/ej2-layouts": "~19.4.47",
-    "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.47",
-    "@syncfusion/ej2-popups": "~19.4.47",
-    "@syncfusion/ej2-splitbuttons": "~19.4.47",
-    "selenium-webdriver": "^4.0.0-alpha.1"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-buttons": "~19.4.52",
+    "@syncfusion/ej2-data": "~19.4.52",
+    "@syncfusion/ej2-grids": "~19.4.52",
+    "@syncfusion/ej2-inputs": "~19.4.52",
+    "@syncfusion/ej2-layouts": "~19.4.52",
+    "@syncfusion/ej2-lists": "~19.4.52",
+    "@syncfusion/ej2-navigations": "~19.4.52",
+    "@syncfusion/ej2-popups": "~19.4.52",
+    "@syncfusion/ej2-splitbuttons": "~19.4.52"
   },
   "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.47",
+  "version": "19.4.52",
   "sideEffects": false
 }

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

@@ -149,6 +149,8 @@ export declare const SUBMENU_ICON: string;
 /** @hidden */
 export declare const GRID_VIEW: string;
 /** @hidden */
+export declare const GRID_CONTENT: string;
+/** @hidden */
 export declare const ICON_VIEW: string;
 /** @hidden */
 export declare const ICON_OPEN: string;

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

@@ -149,6 +149,8 @@ export var SUBMENU_ICON = 'e-caret';
 /** @hidden */
 export var GRID_VIEW = 'e-content';
 /** @hidden */
+export var GRID_CONTENT = 'e-gridcontent';
+/** @hidden */
 export var ICON_VIEW = 'e-list-parent';
 /** @hidden */
 export var ICON_OPEN = 'e-icons e-fe-open';

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';
 
 /**
@@ -106,6 +106,7 @@ export interface FileManagerModel extends ComponentModel{
      *  maxWidth: '650px',
      *  minWidth: '240px',
      *  visible: true,
+     *  sortOrder: 'None'
      * }
      */
     navigationPaneSettings?: NavigationPaneSettingsModel;

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

@@ -232,6 +232,7 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
      *  maxWidth: '650px',
      *  minWidth: '240px',
      *  visible: true,
+     *  sortOrder: 'None'
      * }
      */
     navigationPaneSettings: NavigationPaneSettingsModel;
@@ -525,6 +526,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

@@ -409,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),
@@ -516,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/common/utility.js

@@ -312,7 +312,7 @@ export function updateLayout(parent, view) {
 export function getTargetModule(parent, element) {
     var tartgetModule = '';
     if (element) {
-        if (closest(element, '.e-gridcontent')) {
+        if (closest(element, '.' + CLS.ROOT + '.' + CLS.CONTROL + ' .' + CLS.GRID_CONTENT)) {
             tartgetModule = 'detailsview';
         }
         else if (closest(element, '.' + CLS.LARGE_ICONS)) {

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

@@ -74,6 +74,7 @@ var NavigationPane = /** @class */ (function () {
                 hasChildren: 'hasChild', iconCss: '_fm_icon', htmlAttributes: '_fm_htmlAttr', tooltip: 'name'
             },
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
+            sortOrder: this.parent.navigationPaneSettings.sortOrder,
             nodeSelecting: this.onNodeSelecting.bind(this),
             nodeSelected: this.onNodeSelected.bind(this),
             nodeExpanding: this.onNodeExpand.bind(this),
@@ -233,13 +234,16 @@ var NavigationPane = /** @class */ (function () {
         var nodeData = this.getTreeData(getValue('id', args.nodeData));
         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 */
@@ -463,6 +467,9 @@ var NavigationPane = /** @class */ (function () {
                     break;
                 case 'navigationPaneSettings':
                     read(this.parent, events.finalizeEnd, '/');
+                    if (e.oldProp.navigationPaneSettings.sortOrder !== e.newProp.navigationPaneSettings.sortOrder) {
+                        this.treeObj.sortOrder = e.newProp.navigationPaneSettings.sortOrder;
+                    }
                     break;
             }
         }
@@ -755,13 +762,15 @@ var NavigationPane = /** @class */ (function () {
                 removeActive(this.parent);
                 break;
             case 'del':
-                this.updateItemData();
-                if (!hasEditAccess(this.parent.itemData[0])) {
-                    createDeniedDialog(this.parent, this.parent.itemData[0], events.permissionEdit);
-                }
-                else {
-                    this.removeNodes = [];
-                    createDialog(this.parent, 'Delete');
+                if (this.parent.pathId[0] !== this.activeNode.getAttribute('data-uid')) {
+                    this.updateItemData();
+                    if (!hasEditAccess(this.parent.itemData[0])) {
+                        createDeniedDialog(this.parent, this.parent.itemData[0], events.permissionEdit);
+                    }
+                    else {
+                        this.removeNodes = [];
+                        createDialog(this.parent, 'Delete');
+                    }
                 }
                 break;
             case 'ctrlC':

package/src/file-manager/models/navigation-pane-settings-model.d.ts

@@ -26,4 +26,15 @@ export interface NavigationPaneSettingsModel {
      */
     visible?: boolean;
 
+    /**
+     * Specifies a value that indicates how to sort the folders in the navigation pane of the file manager component.
+     *
+     * If the sortOrder is Ascending, the folders are sorted in ascending order.
+     * If the sortOrder is Descending, the folders are sorted in descending order.
+     * If the sortOrder is None, the folders are not sorted.
+     *
+     * @default 'None'
+     */
+    sortOrder?: 'None' | 'Ascending' | 'Descending';
+
 }

package/src/file-manager/models/navigation-pane-settings.d.ts

@@ -21,4 +21,14 @@ export declare class NavigationPaneSettings extends ChildProperty<NavigationPane
      * @default true
      */
     visible: boolean;
+    /**
+    * Specifies a value that indicates how to sort the folders in the navigation pane of the file manager component.
+    *
+    * If the sortOrder is Ascending, the folders are sorted in ascending order.
+    * If the sortOrder is Descending, the folders are sorted in descending order.
+    * If the sortOrder is None, the folders are not sorted.
+    *
+    * @default 'None'
+    */
+    sortOrder: 'None' | 'Ascending' | 'Descending';
 }

package/src/file-manager/models/navigation-pane-settings.js

@@ -35,6 +35,9 @@ var NavigationPaneSettings = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], NavigationPaneSettings.prototype, "visible", void 0);
+    __decorate([
+        Property('None')
+    ], NavigationPaneSettings.prototype, "sortOrder", void 0);
     return NavigationPaneSettings;
 }(ChildProperty));
 export { NavigationPaneSettings };

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;

package/styles/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/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/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/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;