chore: conditionally call window.matchMedia in isMotionDisabled

abdhalees · abdhalees · commit 6908fd087c88 · 2024-10-24T12:42:59.000+02:00
diff --git a/src/internal/visual-mode/index.ts b/src/internal/visual-mode/index.ts
@@ -12,7 +12,7 @@ import { awsuiVisualRefreshFlag, getGlobal } from '../global-flags';
 export function isMotionDisabled(element: HTMLElement): boolean {
   return (
     !!findUpUntil(element, node => node.classList.contains('awsui-motion-disabled')) ||
-    (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false)
+    (element?.ownerDocument?.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches ?? false)
   );
 }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ import { awsuiVisualRefreshFlag, getGlobal } from '../global-flags';`
`12`	`12`	`export function isMotionDisabled(element: HTMLElement): boolean {`
`13`	`13`	`return (`
`14`	`14`	`!!findUpUntil(element, node => node.classList.contains('awsui-motion-disabled')) \|\|`
`15`		`- (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false)`
	`15`	`+ (element?.ownerDocument?.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches ?? false)`
`16`	`16`	`);`
`17`	`17`	`}`
`18`	`18`