Fix dialogs

This commit is contained in:
2025-09-03 17:05:44 +03:00
Unverified
parent 99a01dddee
commit 82e8a46c6a
2 changed files with 4 additions and 2 deletions
+3 -1
View File
@@ -1,5 +1,7 @@
import type { Dialog as MduiDialog } from "mdui/components/dialog"; import type { Dialog as MduiDialog } from "mdui/components/dialog";
import React, { useEffect, useRef } from "react" import React, { useEffect, useRef } from "react"
import { createPortal } from "react-dom";
import { id } from "../../utils/utils";
export interface BaseDialogProps { export interface BaseDialogProps {
onOpenChange: (value: boolean) => void; onOpenChange: (value: boolean) => void;
@@ -38,5 +40,5 @@ export function MaterialDialog(props: FullDialogProps) {
}; };
}, [dialogRef.current, props.open, props.onOpenChange]); }, [dialogRef.current, props.open, props.onOpenChange]);
return <mdui-dialog {...props} ref={dialogRef} style={{ all: "revert" }} />; return createPortal(<mdui-dialog {...props} ref={dialogRef} />, id("root"));
} }
@@ -11,7 +11,7 @@ export function SettingsDialog({ isOpen, onOpenChange }: DialogProps) {
}; };
return ( return (
<MaterialDialog close-on-overlay-click close-on-esc fullscreen open={isOpen} onOpenChange={onOpenChange}> <MaterialDialog close-on-overlay-click close-on-esc fullscreen open={isOpen} onOpenChange={onOpenChange} id="settings-dialog">
<div className="fullscreen-wrapper"> <div className="fullscreen-wrapper">
<div id="settings-dialog-inner"> <div id="settings-dialog-inner">
<div className="header"> <div className="header">