fix(Modal): use fixed positioning to avoid parent-dependent sizing (#749)

huyenltnguyen · web-flow · commit b88762ebfe65 · 2026-02-10T02:04:21.000+07:00
diff --git a/src/modal/modal.tsx b/src/modal/modal.tsx
@@ -122,7 +122,7 @@ const Modal = ({
 			<Transition.Root show={open} as={Fragment}>
 				<Dialog
 					onClose={onClose}
-					className="relative z-1050 w-full h-full "
+					className="fixed inset-0 z-1050"
 					onKeyDown={onKeyDown}
 					initialFocus={initialFocus}
 				>

Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@ const Modal = ({`
`122`	`122`	`<Transition.Root show={open} as={Fragment}>`
`123`	`123`	`<Dialog`
`124`	`124`	`onClose={onClose}`
`125`		`- className="relative z-1050 w-full h-full "`
	`125`	`+ className="fixed inset-0 z-1050"`
`126`	`126`	`onKeyDown={onKeyDown}`
`127`	`127`	`initialFocus={initialFocus}`
`128`	`128`	`>`