fix(material): add transition prop to components

Jesse205 · Jesse205 · commit 46afca2cc44b · 2025-06-24T03:53:01.000+08:00
diff --git a/.changeset/heavy-teeth-crash.md 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
@@ -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
@@ -443,6 +443,7 @@ const Popover = $.defineComponent(function Popover(inProps) {
       open={props.open}
       ownerState={ownerState}
       {...other}
+      transition
     >
       <baseProps.TransitionComponent
         appear

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@suid/material": patch
 +---
++
 +fix(material): add transition prop to components
Original file line number	Diff line number	Diff line change
`@@ -304,6 +304,7 @@ const Dialog = $.defineComponent(function Dialog(inProps) {`
`304`	`304`	`onClick={handleBackdropClick}`
`305`	`305`	`ownerState={ownerState}`
`306`	`306`	`{...other}`
	`307`	`+ transition`
`307`	`308`	`>`
`308`	`309`	`<baseProps.TransitionComponent`
`309`	`310`	`appear`
Original file line number	Diff line number	Diff line change
`@@ -443,6 +443,7 @@ const Popover = $.defineComponent(function Popover(inProps) {`
`443`	`443`	`open={props.open}`
`444`	`444`	`ownerState={ownerState}`
`445`	`445`	`{...other}`
	`446`	`+ transition`
`446`	`447`	`>`
`447`	`448`	`<baseProps.TransitionComponent`
`448`	`449`	`appear`