mgr/dashboard: Firefox ngx-datatable performance issue

Fixes: https://tracker.ceph.com/issues/41667
Signed-off-by: Patrick Seidensal <pseidensal@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.spec.ts
index 0e5fd417a4f185dc00889cc2243903b4ae5d70a5..3d5a8101f9f89f8c7cad6358a734d1f69ecff9df 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.spec.ts
@@ -92,7 +92,7 @@ describe('TableComponent', () => {
     mouseEvent.stopPropagation = () => {
       wasCalled = true;
     };
-    spyOn(window, 'addEventListener').and.callFake((eventName, fn) => {
+    spyOn(component.table.element, 'addEventListener').and.callFake((eventName, fn) => {
       fn(mouseEvent);
       expect(eventName).toBe('mouseenter');
       expect(wasCalled).toBe(true);

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
index 1d025c6a6ef94904dcab6658d79252a3fe6257ab..d03bee3889a7c10ec786a109d452a3e1b7d56448 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
@@ -179,7 +179,7 @@ export class TableComponent implements AfterContentChecked, OnInit, OnChanges, O
   ngOnInit() {
     // ngx-datatable triggers calculations each time mouse enters a row,
     // this will prevent that.
-    window.addEventListener('mouseenter', (event) => event.stopPropagation(), true);
+    this.table.element.addEventListener('mouseenter', (e) => e.stopPropagation(), true);
     this._addTemplates();
     if (!this.sorts) {
       // Check whether the specified identifier exists.