15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-25 19:52:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(excalidraw): dialog transition causing Excalidraw fail to detect accurate container size (fix cloudreve/cloudreve#3017)

This commit is contained in:
Aaron Liu 2025-11-12 14:59:50 +08:00
parent bb2f16bf5f
commit 70fc9830b0
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/component/Viewers/Excalidraw/ExcalidrawViewer.tsx
View File

@ -1,5 +1,6 @@
import { LoadingButton } from "@mui/lab";
import { Box, Button, ButtonGroup, ListItemText, Menu, useTheme } from "@mui/material";
import { Box, Button, ButtonGroup, Fade, ListItemText, Menu, useTheme } from "@mui/material";
import { TransitionProps } from "@mui/material/transitions";
import React, { lazy, Suspense, useCallback, useEffect, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import i18next from "../../../i18n.ts";
@ -14,6 +15,15 @@ import ViewerDialog, { ViewerLoading } from "../ViewerDialog.tsx";
const Excalidraw = lazy(() => import("./Excalidraw.tsx"));
const Transition = React.forwardRef(function Transition(
props: TransitionProps & {
children: React.ReactElement<any, any>;
},
ref: React.Ref<unknown>,
) {
return <Fade ref={ref} {...props} />;
});
const ExcalidrawViewer = () => {
const { t } = useTranslation();
const dispatch = useAppDispatch();
@ -130,6 +140,7 @@ const ExcalidrawViewer = () => {
onClose: onClose,
fullWidth: true,
maxWidth: "lg",
TransitionComponent: Transition,
}}
>
<Menu