Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-05 20:56:13 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Try with no MutationObserver

Browse Source
This commit is contained in:
Kalle 2026-03-08 13:12:52 +02:00
parent 3815cab0eb
commit e395308d70
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app/root.tsx
View File

@ -329,31 +329,31 @@ export default function App() {
// Move overflow:hidden from html to body to allow position: sticky and position: fixed
// elements to work properly when a React Aria Component disabled scrolling
useEffect(() => {
const htmlStyle = document.documentElement.style;
const bodyStyle = document.body.style;
// useEffect(() => {
// const htmlStyle = document.documentElement.style;
// const bodyStyle = document.body.style;
const observer = new MutationObserver(() => {
if (htmlStyle.overflow === "hidden") {
htmlStyle.overflow = "";
bodyStyle.overflow = "hidden";
bodyStyle.scrollbarGutter = "stable";
} else if (
htmlStyle.overflow === "" &&
htmlStyle.scrollbarGutter !== "stable"
) {
bodyStyle.overflow = "";
bodyStyle.scrollbarGutter = "";
}
});
// const observer = new MutationObserver(() => {
// if (htmlStyle.overflow === "hidden") {
// htmlStyle.overflow = "";
// bodyStyle.overflow = "hidden";
// bodyStyle.scrollbarGutter = "stable";
// } else if (
// htmlStyle.overflow === "" &&
// htmlStyle.scrollbarGutter !== "stable"
// ) {
// bodyStyle.overflow = "";
// bodyStyle.scrollbarGutter = "";
// }
// });
observer.observe(document.documentElement, {
attributes: true,
attributeFilter: ["style"],
});
// observer.observe(document.documentElement, {
// attributes: true,
// attributeFilter: ["style"],
// });
return () => observer.disconnect();
}, []);
// return () => observer.disconnect();
// }, []);
return (
<ThemeProvider