@ngrdt/menu 0.0.67 → 0.0.69

package/fesm2022/ngrdt-menu.mjs

@@ -11,7 +11,7 @@ import * as i3 from '@ngrdt/router';
 import { RdtRouterService, RdtAnyRouteActiveDirective } from '@ngrdt/router';
 import * as i4 from '@ngrdt/shortcuts';
 import { RdtShortcutService, RdtShortcut, RdtKeyListenerDirective } from '@ngrdt/shortcuts';
-import { RdtStringUtils, KB_CODE, RdtObjectUtils } from '@ngrdt/utils';
+import { RdtStringUtils, KB_CODE, RdtObjectUtils, RdtDomUtils } from '@ngrdt/utils';
 import { delay, of, map, first, merge, fromEvent, throttleTime, animationFrameScheduler, switchMap, withLatestFrom } from 'rxjs';
 import { RDT_BUTTON_BASE_PROVIDER } from '@ngrdt/button';
 
@@ -833,11 +833,9 @@ class RdtMenuBaseComponent {
     constructor() {
         this.listenShortcuts();
         afterNextRender(() => {
-            this.listenWindowResizeScroll();
-            requestAnimationFrame(() => {
-                this.measure();
-                this.recalculateChildren();
-            });
+            this.listenResizeScroll();
+            this.measure();
+            this.recalculateChildren();
         });
     }
     recalcChildrenEffect = effect(() => this.recalculateChildren());
@@ -1078,8 +1076,9 @@ class RdtMenuBaseComponent {
             this._buttonContainerRect = undefined;
         }
     }
-    listenWindowResizeScroll() {
-        merge(fromEvent(window, 'resize'), fromEvent(window, 'scroll'))
+    listenResizeScroll() {
+        const element = this.elRef.nativeElement;
+        merge(RdtDomUtils.getResizeEvent$(element), fromEvent(window, 'scroll'))
             .pipe(throttleTime(0, animationFrameScheduler, { trailing: true }), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.measure();