From 49cc1e26c0c049ff3b73ba4b7f6efb1e5855c948 Mon Sep 17 00:00:00 2001
From: Jaxon Lewis-Wilson <jaxx@jaxx7594.cc>
Date: Thu, 19 Mar 2026 23:09:53 +0800
Subject: [PATCH] Fix: Animated background race condition

---
 src/plugins/built-in/animatedBackground/index.ts | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/plugins/built-in/animatedBackground/index.ts b/src/plugins/built-in/animatedBackground/index.ts
index bbbfa914..40dff577 100644
--- a/src/plugins/built-in/animatedBackground/index.ts
+++ b/src/plugins/built-in/animatedBackground/index.ts
@@ -6,6 +6,7 @@ import {
   Setting,
 } from "@/plugins/core/settingsHelpers";
 import styles from "./styles.css?inline";
+import { waitForElm } from "@/seqta/utils/waitForElm";
 
 const settings = defineSettings({
   speed: numberSetting({
@@ -35,13 +36,10 @@ const animatedBackgroundPlugin: Plugin<typeof settings> = {
   settings: instance.settings,
 
   run: async (api) => {
-    // Create the background elements
-    const container = document.getElementById("container");
-    const menu = document.getElementById("menu");
-
-    if (!container || !menu) {
-      return () => {};
-    }
+    const [container, menu] = await Promise.all([
+      waitForElm("#container", true),
+      waitForElm("#menu", true),
+    ]);
 
     const backgrounds = [
       { classes: ["bg"] },