From 7f99a5415d1e05891bf00408996c1295a98fd6f3 Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Thu, 20 Jun 2024 11:57:50 +1000
Subject: [PATCH] perf: only apply message animations on first 35 elements

---
 src/SEQTA.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index 5ce9816e..f3700b11 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -641,8 +641,9 @@ async function handleMessages(node: Element): Promise<void> {
   if (!settingsState.animations) return;
 
   await waitForElm('[data-message]');
+  const messages = Array.from(document.querySelectorAll('[data-message]')).slice(0, 35);
   animate(
-    '[data-message]',
+    messages,
     { opacity: [0, 1], y: [10, 0] },
     {
       delay: stagger(0.05),