From 1adfe633228d61aee15c8b0f60684e4ed476c3ca Mon Sep 17 00:00:00 2001
From: ndrwrbgs <10776890+ndrwrbgs@users.noreply.github.com>
Date: Thu, 18 Dec 2025 02:18:19 -0600
Subject: [PATCH] Add media query for prefers-reduced-motion in dialog styles
 (#28593)

Co-authored-by: ndrwrbgs <10776890+ndrwrbgs@users.noreply.github.com>
Co-authored-by: Wendelin <12148533+wendevlin@users.noreply.github.com>
---
 src/components/ha-wa-dialog.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/ha-wa-dialog.ts b/src/components/ha-wa-dialog.ts
index 725f891b74..d89f784202 100644
--- a/src/components/ha-wa-dialog.ts
+++ b/src/components/ha-wa-dialog.ts
@@ -235,6 +235,12 @@ export class HaWaDialog extends ScrollableFadeMixin(LitElement) {
           );
           max-width: var(--ha-dialog-max-width, var(--safe-width));
         }
+        @media (prefers-reduced-motion: reduce) {
+          wa-dialog {
+            --show-duration: 0ms;
+            --hide-duration: 0ms;
+          }
+        }
 
         :host([width="small"]) wa-dialog {
           --width: min(var(--ha-dialog-width-sm, 320px), var(--full-width));