Skip to content

C
canifa_note
Unverified Commit 999a0530 authored by zty's avatar zty Committed by GitHub
Browse files
Options

fix: body overflow styles #3056 

Co-authored-by: 's avatarzty <zty.dev@outlook.com>
parent ed1954c5
Hide whitespace changes
Inline Side-by-side
Showing with 2 additions and 0 deletions
web/src/components/Dialog/BaseDialog.tsx
View file @ 999a0530
...@@ -73,6 +73,7 @@ export function generateDialog<T extends DialogProps>( ...@@ -73,6 +73,7 @@ export function generateDialog<T extends DialogProps>(
const tempDiv = document.createElement("div"); const tempDiv = document.createElement("div");
const dialog = createRoot(tempDiv); const dialog = createRoot(tempDiv);
document.body.append(tempDiv); document.body.append(tempDiv);
document.body.style.overflow = "hidden";
setTimeout(() => { setTimeout(() => {
tempDiv.firstElementChild?.classList.add("showup"); tempDiv.firstElementChild?.classList.add("showup");
...@@ -82,6 +83,7 @@ export function generateDialog<T extends DialogProps>( ...@@ -82,6 +83,7 @@ export function generateDialog<T extends DialogProps>(
destroy: () => { destroy: () => {
tempDiv.firstElementChild?.classList.remove("showup"); tempDiv.firstElementChild?.classList.remove("showup");
tempDiv.firstElementChild?.classList.add("showoff"); tempDiv.firstElementChild?.classList.add("showoff");
document.body.style.removeProperty("overflow");
setTimeout(() => { setTimeout(() => {
dialog.unmount(); dialog.unmount();
tempDiv.remove(); tempDiv.remove();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment