diff --git a/src/css/browser.css b/src/css/browser.css index efa0f33..9c18871 100644 --- a/src/css/browser.css +++ b/src/css/browser.css @@ -10,8 +10,10 @@ iframe.browser { margin-top: var(--browser-bar-height); } -iframe.browser.fullscren { +iframe.browser.fullscreen { margin-top: 0; + width: 100%; + height: 100%; } [data-mode="tall"] iframe.browser { diff --git a/src/js/browser.ts b/src/js/browser.ts index 923f02d..aa30346 100644 --- a/src/js/browser.ts +++ b/src/js/browser.ts @@ -75,13 +75,17 @@ function handleAppMessage(event: MessageEvent) { } function closeBrowser() { - iframe.remove() - controls.style.display = "none" window.removeEventListener("keydown", handleBrowserKeydown) window.removeEventListener("message", handleAppMessage) controls.removeEventListener("click", handleClick) iframe.removeEventListener("load", handlePageLoad) - focusInput() + + iframe.src = 'about:blank' + setTimeout(() => { + iframe.remove() + controls.style.display = "none" + focusInput() + }, 0) } function handleBrowserKeydown(e: KeyboardEvent) { @@ -140,7 +144,8 @@ function stopLoading() { function fullscreenBrowser() { controls.style.display = 'none' - iframe.classList.add('fullscren') + iframe.classList.add('fullscreen') + document.body.append(iframe) } function sendNavCommand(action: 'back' | 'forward' | 'reload' | 'stop') {