From 735299238b91bd14430cf78a61420a3ac35ff7e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Magalh=C3=A3es?= <joamag@gmail.com>
Date: Sat, 29 Oct 2022 01:27:41 +0100
Subject: [PATCH] fix: overlfow scroll issue in fullscreen
---
examples/web/react/app.tsx | 2 +-
examples/web/react/components/display/display.tsx | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/examples/web/react/app.tsx b/examples/web/react/app.tsx
index ab92d0f9..8a3a6b83 100644
--- a/examples/web/react/app.tsx
+++ b/examples/web/react/app.tsx
@@ -26,7 +26,7 @@ export type Callback<T> = (owner: T) => void;
/**
* Abstract class that implements the basic functionality
- * part of the definition of the observable pattern.
+ * part of the definition of the Observer pattern.
*
* @see {@link https://en.wikipedia.org/wiki/Observer_pattern}
*/
diff --git a/examples/web/react/components/display/display.tsx b/examples/web/react/components/display/display.tsx
index cef93630..aac3b51e 100644
--- a/examples/web/react/components/display/display.tsx
+++ b/examples/web/react/components/display/display.tsx
@@ -75,10 +75,14 @@ export const Display: FC<DisplayProps> = ({
}
if (fullscreen) {
resizeRef.current();
+ document.getElementsByTagName("body")[0].style.overflow = "hidden";
window.addEventListener("resize", resizeRef.current);
} else {
setWidth(undefined);
setHeight(undefined);
+ document
+ .getElementsByTagName("body")[0]
+ .style.removeProperty("overflow");
window.removeEventListener("resize", resizeRef.current);
}
}, [canvasRef, fullscreen]);
--
GitLab