29. Sept. 2024, 19:52

_res/_custom.js

@@ -86,7 +86,10 @@ function gradioCustomJS() {
 	// MARK: Selectors & Elements
 	const gradioApp = document.querySelector("gradio-app")
 	const gradioContainer = document.querySelector("body > gradio-app > div.gradio-container")
-	const resolutionModalWrapper = document.querySelector("div#resolution_modal_wrapper")
+	const resolutionModalWrapper = document.createElement("div")
+	resolutionModalWrapper.id = "resolution_modal_wrapper"
+	resolutionModalWrapper.style.display = "none"
+	resolutionModalWrapper.className = "resolution-modal-wrapper"
 	const alertModalElem = document.createElement("div")
 	const alertModalElemP = document.createElement("p")
 	const alertModalElemI = document.createElement("i")
@@ -104,7 +107,9 @@ function gradioCustomJS() {
 	alertModalElem.append(alertModalElemP, alertModalElemButton)
 	//alertModalElem.innerHTML = '<p></p>'
 	resolutionModalWrapper.appendChild(alertModalElem)
+	body.appendChild(resolutionModalWrapper)
 
+	// MARK: Alert Modal Events
 	alertModalElemButton.addEventListener("click", () => {
 		oldText = alertModalElemSpan.textContent
 		alertModalElemButton.disabled = true