3. Okt. 2024, 08:02

_res/_custom.js

@@ -91,6 +91,7 @@ function gradioCustomJS() {
 	//alertModalElem.innerHTML = '<p></p>'
 	resolutionModalWrapper.appendChild(alertModalElem)
 	body.appendChild(resolutionModalWrapper)
+	let resizeWindowToggleVar = 0
 
 	// MARK: Alert Modal Events
 	alertModalElemButton.addEventListener("click", () => {
@@ -152,6 +153,7 @@ function gradioCustomJS() {
 	function istMobile() {
 		// Überprüfen, ob das Gerät ein Touchscreen hat
 		if ("ontouchstart" in window || (navigator.maxTouchPoints && window.innerWidth < 768)) {
+			resizeWindowToggleVar = 1
 			gradioContainer.classList.add("blur-container")
 			body.style.setProperty("--blur-value", "12px")
 
@@ -161,6 +163,7 @@ function gradioCustomJS() {
 			alertModalElemButton.textContent = "Ok"
 			resolutionModalWrapper.style.display = ""
 		} else if (window.innerWidth < 1024) {
+			resizeWindowToggleVar = 1
 			gradioContainer.classList.add("blur-container")
 			body.style.setProperty("--blur-value", "12px")
 			gradioApp.style.height = "calc(100vh - 120px)"
@@ -174,10 +177,9 @@ function gradioCustomJS() {
 			gradioApp.style.height = ""
 			resolutionModalWrapper.style.setProperty("--opacity-value", "0")
 			resize_eventListener("remove")
-			setTimeout(() => {
-				resolutionModalWrapper.style.display = "none"
-				resize_eventListener("add")
-			}, 800)
+			if (resizeWindowToggleVar == 1) {
+				setTimeout(() => ((resolutionModalWrapper.style.display = "none"), (resizeWindowToggleVar = 0)), 800)
+			}
 		}
 	}