From 46afca2cc44bf97e9a343099387f50035985a3e6 Mon Sep 17 00:00:00 2001
From: Jesse205 <2055675594@qq.com>
Date: Tue, 24 Jun 2025 03:53:01 +0800
Subject: [PATCH] fix(material): add transition prop to components

---
 .changeset/heavy-teeth-crash.md           | 5 +++++
 packages/material/src/Dialog/Dialog.tsx   | 1 +
 packages/material/src/Popover/Popover.tsx | 1 +
 3 files changed, 7 insertions(+)
 create mode 100644 .changeset/heavy-teeth-crash.md

diff --git a/.changeset/heavy-teeth-crash.md b/.changeset/heavy-teeth-crash.md
new file mode 100644
index 000000000..c903ada87
--- /dev/null
+++ b/.changeset/heavy-teeth-crash.md
@@ -0,0 +1,5 @@
+---
+"@suid/material": patch
+---
+
+fix(material): add transition prop to components
diff --git a/packages/material/src/Dialog/Dialog.tsx b/packages/material/src/Dialog/Dialog.tsx
index 5b5864e74..3e7a6e7a8 100644
--- a/packages/material/src/Dialog/Dialog.tsx
+++ b/packages/material/src/Dialog/Dialog.tsx
@@ -304,6 +304,7 @@ const Dialog = $.defineComponent(function Dialog(inProps) {
       onClick={handleBackdropClick}
       ownerState={ownerState}
       {...other}
+      transition
     >
       <baseProps.TransitionComponent
         appear
diff --git a/packages/material/src/Popover/Popover.tsx b/packages/material/src/Popover/Popover.tsx
index 02264e76a..d26e822eb 100644
--- a/packages/material/src/Popover/Popover.tsx
+++ b/packages/material/src/Popover/Popover.tsx
@@ -443,6 +443,7 @@ const Popover = $.defineComponent(function Popover(inProps) {
       open={props.open}
       ownerState={ownerState}
       {...other}
+      transition
     >
       <baseProps.TransitionComponent
         appear