@syncfusion/ej2-filemanager 28.2.5 → 28.2.9

package/dist/es6/ej2-filemanager.es2015.js

@@ -4770,7 +4770,7 @@ class LargeIconsView {
                 this.items = this.allItems = getSortedData(this.parent, this.items);
             }
             iconsView.classList.remove(DISPLAY_NONE);
-            if (this.parent.enableVirtualization && this.allItems.length > 0) {
+            if (this.parent.enableVirtualization && this.allItems.length > 0 && !isNullOrUndefined(this.parent.virtualizationModule)) {
                 this.parent.virtualizationModule.setUIVirtualization();
             }
             this.listElements = ListBase.createListFromJson(createElement, this.items, this.listObj);
@@ -4812,7 +4812,7 @@ class LargeIconsView {
             this.getItemCount();
             this.addEventListener();
             this.wireEvents();
-            if (this.parent.enableVirtualization && this.allItems.length > 0) {
+            if (this.parent.enableVirtualization && this.allItems.length > 0 && !isNullOrUndefined(this.parent.virtualizationModule)) {
                 this.parent.virtualizationModule.setUlElementHeight();
                 this.parent.virtualizationModule.wireScrollEvent(false);
             }
@@ -7487,6 +7487,11 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         //Specifies whether the operating system is MAC or not
         this.isMac = false;
         this.dragSelectedItems = [];
+        this.onScrollHandler = () => {
+            if (!isNullOrUndefined(this.contextmenuModule) && !isNullOrUndefined(this.contextmenuModule.contextMenu)) {
+                this.contextmenuModule.contextMenu.close();
+            }
+        };
         FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
     }
     /**
@@ -8111,6 +8116,9 @@ let FileManager = FileManager_1 = class FileManager extends Component {
             this.wireSelectOnDragEvent(true);
         }
         EventHandler.add(window, 'resize', this.resizeHandler, this);
+        if (this.contextMenuSettings.visible) {
+            this.element.addEventListener('scroll', this.onScrollHandler, true);
+        }
         this.keyboardModule = new KeyboardEvents(this.element, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -8120,6 +8128,9 @@ let FileManager = FileManager_1 = class FileManager extends Component {
     unWireEvents() {
         this.wireSelectOnDragEvent(false);
         EventHandler.remove(window, 'resize', this.resizeHandler);
+        if (this.contextMenuSettings.visible) {
+            this.element.removeEventListener('scroll', this.onScrollHandler, true);
+        }
         this.keyboardModule.destroy();
     }
     onDragStart(event) {
@@ -8177,16 +8188,18 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
     }
     selectItems() {
-        this.dragSelectedItems = [];
         const dragRect = this.dragSelectElement.getBoundingClientRect();
+        if (dragRect.height > 0 && dragRect.width > 0) {
+            this.dragSelectedItems = [];
+            removeClass(selectAll('.e-active', this.viewElem), ['e-active', 'e-focus']);
+            removeClass(selectAll('.e-check', this.viewElem), ['e-check']);
+        }
         const allItems = selectAll(this.viewElem.classList.contains('e-large-icons') ? '.e-list-item' : '.e-row', this.viewElem);
-        removeClass(selectAll('.e-active', this.viewElem), ['e-active', 'e-focus']);
-        removeClass(selectAll('.e-check', this.viewElem), ['e-check']);
         for (const item of allItems) {
             const itemRect = item.getBoundingClientRect();
             if (!(dragRect.right < itemRect.left || dragRect.left > itemRect.right
                 || dragRect.bottom < itemRect.top || dragRect.top > itemRect.bottom)
-                && (this.dragSelectElement.clientHeight > 0 && this.dragSelectElement.clientWidth > 0)) {
+                && (dragRect.height > 0 && dragRect.width > 0)) {
                 if (this.viewElem.classList.contains('e-large-icons')) {
                     item.classList.add('e-active');
                     this.dragSelectedItems.push(item.getAttribute('title'));
@@ -11059,9 +11072,7 @@ class DetailsView {
     /* istanbul ignore next */
     onDataBound() {
         this.createDragObj();
-        if ((this.parent.selectedItems.length !== 0 && !this.parent.enableVirtualization) ||
-            ((this.parent.selectedItems.length !== 0 && this.parent.enableVirtualization &&
-                this.element.querySelector('.e-content').scrollTop === 0))) {
+        if ((this.parent.selectedItems.length !== 0 && !this.parent.enableVirtualization)) {
             this.selectRecords(this.parent.selectedItems);
         }
         if (this.isPasteOperation === true && (!isNullOrUndefined(this.gridObj.getDataRows()) && this.gridObj.getDataRows().length > 0)) {
@@ -11821,7 +11832,9 @@ class DetailsView {
             if (this.gridObj.getSelectedRowIndexes().length !== 1) {
                 const lastItemIndex = this.gridObj.getSelectedRowIndexes()[this.gridObj.getSelectedRowIndexes().length - 2];
                 const lastItem = this.gridObj.getRowByIndex(lastItemIndex);
-                lastItem.querySelector('.e-checkselect').setAttribute('tabindex', '-1');
+                if (!isNullOrUndefined(lastItem)) {
+                    lastItem.querySelector('.e-checkselect').setAttribute('tabindex', '-1');
+                }
             }
             item.querySelector('.e-rowcell.e-fe-checkbox').removeAttribute('tabindex');
         }
@@ -11886,11 +11899,17 @@ class DetailsView {
     onDeSelection(args) {
         /* istanbul ignore next */
         if (!this.parent.allowMultiSelection && isNullOrUndefined(args.data)) {
-            this.gridObj.getRowByIndex(args.rowIndex).removeAttribute('tabindex');
+            const item = this.gridObj.getRowByIndex(args.rowIndex);
+            if (!isNullOrUndefined(item)) {
+                item.removeAttribute('tabindex');
+            }
         }
         else if (this.gridObj.getSelectedRowIndexes().length > 1) {
             const lastItemIndex = this.gridObj.getSelectedRowIndexes()[this.gridObj.getSelectedRowIndexes().length - 2];
-            this.gridObj.getRowByIndex(lastItemIndex).querySelector('.e-checkselect').removeAttribute('tabindex');
+            const lastItem = this.gridObj.getRowByIndex(lastItemIndex);
+            if (!isNullOrUndefined(lastItem)) {
+                lastItem.querySelector('.e-checkselect').removeAttribute('tabindex');
+            }
         }
         if (this.gridObj.selectedRowIndex === -1) {
             this.gridObj.element.setAttribute('tabindex', '0');