fix: Align should in sync

Author: zombieJ

src/util.ts

@@ -19,7 +19,11 @@ export function isSamePoint(prev: TargetPoint, next: TargetPoint) {
 
 export function restoreFocus(activeElement, container) {
   // Focus back if is in the container
-  if (activeElement !== document.activeElement && contains(container, activeElement) && typeof activeElement.focus === 'function') {
+  if (
+    activeElement !== document.activeElement &&
+    contains(container, activeElement) &&
+    typeof activeElement.focus === 'function'
+  ) {
     activeElement.focus();
   }
 }
@@ -36,7 +40,7 @@ export function monitorResize(element: HTMLElement, callback: Function) {
 
     if (prevWidth !== fixedWidth || prevHeight !== fixedHeight) {
       // https://webkit.org/blog/9997/resizeobserver-in-webkit/
-      requestAnimationFrame(() => {
+      Promise.resolve().then(() => {
         callback({ width: fixedWidth, height: fixedHeight });
       });
     }

tests/util.test.js

@@ -92,11 +92,12 @@ describe('util', () => {
       jest.useRealTimers();
     });
 
-    it('should defer callback to next frame', () => {
+    it('should defer callback to next frame', async () => {
       const callback = jest.fn();
       monitorResize(element, callback);
       observer.triggerResize();
       jest.runAllTimers();
+      await Promise.resolve();
       expect(callback).toHaveBeenCalled();
     });