debug

app.py

@@ -1509,14 +1509,22 @@ CANVAS_JS = r"""
 # iframe that resizes to its content, so `vh` units feed back and grow forever. Pinning a pixel
 # height from window.innerHeight (updated only on real resize) breaks that loop.
 HEIGHT_SYNC_JS = (
-    "(function(){var h=0;function s(){"
+    "(function(){var h=0,dbg=null;"
+    "function s(){"
     "var el=document.querySelector('.gradio-container');"
     "var top=el?el.getBoundingClientRect().top:0;"  # space taken by HF/host header above the app
     "var a=Math.max(320, window.innerHeight - Math.max(0, top));"
     "if(!h||a<h)h=a;"  # only ever shrink: an auto-sizing embed can't make us run away
-    "document.documentElement.style.setProperty('--app-h', h + 'px');}"
+    "document.documentElement.style.setProperty('--app-h', h + 'px');"
+    "try{if(!dbg&&document.body){dbg=document.createElement('div');"
+    "dbg.style.cssText='position:fixed;left:2px;bottom:2px;z-index:99999;background:#000;"
+    "color:#0f0;font:10px monospace;padding:2px 5px;opacity:.85;pointer-events:none';"
+    "document.body.appendChild(dbg);}"
+    "if(dbg)dbg.textContent='ih='+window.innerHeight+' top='+Math.round(top)+' appH='+h"
+    "+' bsh='+document.body.scrollHeight+' iframe='+(window.top!==window.self)+' gc='+(!!el);"
+    "}catch(e){}}"
     "s();window.addEventListener('resize', s);window.addEventListener('load', s);"
-    "setTimeout(s,300);setTimeout(s,900);})();"
+    "setTimeout(s,300);setTimeout(s,900);setTimeout(s,2000);})();"
 )
 HEAD = (
     "<style>\n" + CSS + "\n</style>\n"