diff --git a/qt/aqt/deckoptions.py b/qt/aqt/deckoptions.py
index f53c047ed..28600545c 100644
--- a/qt/aqt/deckoptions.py
+++ b/qt/aqt/deckoptions.py
@@ -43,6 +43,7 @@ class DeckOptionsDialog(QDialog):
         addCloseShortcut(self)
 
         self.web = AnkiWebView(kind=AnkiWebViewKind.DECK_OPTIONS)
+        self.web.set_bridge_command(self._on_bridge_cmd, self)
         self.web.load_sveltekit_page(f"deck-options/{self._deck['id']}")
         layout = QVBoxLayout()
         layout.setContentsMargins(0, 0, 0, 0)
@@ -53,7 +54,10 @@ class DeckOptionsDialog(QDialog):
         self.setWindowTitle(
             without_unicode_isolation(tr.actions_options_for(val=self._deck["name"]))
         )
-        gui_hooks.deck_options_did_load(self)
+
+    def _on_bridge_cmd(self, cmd: str) -> None:
+        if cmd == "deckOptionsReady":
+            gui_hooks.deck_options_did_load(self)
 
     def reject(self) -> None:
         self.mw.col.set_wants_abort()
diff --git a/ts/lib/tslib/bridgecommand.ts b/ts/lib/tslib/bridgecommand.ts
index 84bcb4918..141c71d71 100644
--- a/ts/lib/tslib/bridgecommand.ts
+++ b/ts/lib/tslib/bridgecommand.ts
@@ -14,6 +14,10 @@ export function bridgeLink(command: string, label: string): string {
     return `<a href="javascript:bridgeCommand('${command}')">${label}</a>`;
 }
 
+export function bridgeCommandsAvailable(): boolean {
+    return !!window.bridgeCommand;
+}
+
 export function bridgeCommand<T>(command: string, callback?: (value: T) => void): void {
     window.bridgeCommand<T>(command, callback);
 }
diff --git a/ts/routes/deck-options/[deckId]/+page.svelte b/ts/routes/deck-options/[deckId]/+page.svelte
index de55607c6..11af70f71 100644
--- a/ts/routes/deck-options/[deckId]/+page.svelte
+++ b/ts/routes/deck-options/[deckId]/+page.svelte
@@ -3,10 +3,22 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
+    import { onMount } from "svelte";
     import DeckOptionsPage from "../DeckOptionsPage.svelte";
     import type { PageData } from "./$types";
+    import { bridgeCommand, bridgeCommandsAvailable } from "@tslib/bridgecommand";
 
     export let data: PageData;
+    let page: DeckOptionsPage;
+
+    onMount(() => {
+        globalThis.$deckOptions = new Promise((resolve, _reject) => {
+            resolve(page);
+        });
+        if (bridgeCommandsAvailable()) {
+            bridgeCommand("deckOptionsReady");
+        }
+    });
 </script>
 
-<DeckOptionsPage state={data.state} />
+<DeckOptionsPage state={data.state} bind:this={page} />