unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve dialog component layout and manage overflow behavior during onboarding

Browse Source
This commit is contained in:
Abhimanyu Saharan
2026-02-07 01:04:16 +05:30
parent ceff47ba77
commit 5ffbcedfbe
2 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/boards/[boardId]/edit/page.tsx
View File

@@ -81,15 +81,25 @@ export default function EditBoardPage() {
const [isOnboardingOpen, setIsOnboardingOpen] = useState(shouldAutoOpenOnboarding);
useEffect(() => {
const mainEl = mainRef.current;
if (!mainEl) return;
if (!isOnboardingOpen) return;
const previousOverflow = mainEl.style.overflow;
mainEl.style.overflow = "hidden";
const mainEl = mainRef.current;
const previousMainOverflow = mainEl?.style.overflow ?? "";
const previousHtmlOverflow = document.documentElement.style.overflow;
const previousBodyOverflow = document.body.style.overflow;
if (mainEl) {
mainEl.style.overflow = "hidden";
}
document.documentElement.style.overflow = "hidden";
document.body.style.overflow = "hidden";
return () => {
mainEl.style.overflow = previousOverflow;
if (mainEl) {
mainEl.style.overflow = previousMainOverflow;
}
document.documentElement.style.overflow = previousHtmlOverflow;
document.body.style.overflow = previousBodyOverflow;
};
}, [isOnboardingOpen]);