diff --git a/web/src/components/Dialog/BaseDialog.tsx b/web/src/components/Dialog/BaseDialog.tsx index 6ca7087fd59ca..c2f32f811e2ce 100644 --- a/web/src/components/Dialog/BaseDialog.tsx +++ b/web/src/components/Dialog/BaseDialog.tsx @@ -25,6 +25,7 @@ const BaseDialog: React.FC = (props: Props) => { const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName); useEffect(() => { + document.body.classList.add("overflow-hidden"); dialogStore.pushDialogStack(dialogName); const handleKeyDown = (event: KeyboardEvent) => { if (event.code === "Escape") { @@ -39,6 +40,9 @@ const BaseDialog: React.FC = (props: Props) => { return () => { document.body.removeEventListener("keydown", handleKeyDown); dialogStore.removeDialog(dialogName); + if (dialogStore.state.dialogStack.length === 0) { + document.body.classList.remove("overflow-hidden"); + } }; }, []); diff --git a/web/src/components/LocaleSelect.tsx b/web/src/components/LocaleSelect.tsx index 0d2190230f00d..80ea40ea0ce9a 100644 --- a/web/src/components/LocaleSelect.tsx +++ b/web/src/components/LocaleSelect.tsx @@ -18,7 +18,7 @@ const LocaleSelect: FC = (props: Props) => { return (