usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-12-13 00:27:44 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: body overflow styles #3056

Browse source 
Co-authored-by: zty <zty.dev@outlook.com>
This commit is contained in:
zty 2024-03-09 14:09:31 +08:00 • committed by GitHub
parent ed1954c58c
commit 999a05307e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/Dialog/BaseDialog.tsx
View file

@ -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>(
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();