From ec26b46f7664743f557ca6f67fd7ea607acd238b Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:01:42 +0200
Subject: [PATCH] fix: scroll to bottom in w2g, app chat fix: auto-contrast
 text in search modal fix: new lines on bad subs

---
 package.json                               | 2 +-
 src/lib/components/SearchModal.svelte      | 2 +-
 src/lib/components/ui/irc/interface.svelte | 2 +-
 src/lib/components/ui/player/subtitles.ts  | 2 ++
 src/routes/app/w2g/[id]/+page.svelte       | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index ddb0567..5ce31b5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.4.96",
+	"version": "6.4.97",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.15.5",
diff --git a/src/lib/components/SearchModal.svelte b/src/lib/components/SearchModal.svelte
index 9cb254b..2b0c545 100644
--- a/src/lib/components/SearchModal.svelte
+++ b/src/lib/components/SearchModal.svelte
@@ -262,7 +262,7 @@
                         {/if}
                         {#each sanitiseTerms(result.parseObject) as { text, color }, i (i)}
                           <div class='rounded px-3 py-1 ml-2 text-nowrap font-bold flex items-center' style:background={color}>
-                            <div class='text-contrast'>
+                            <div class='text-contrast-filter'>
                               {text}
                             </div>
                           </div>
diff --git a/src/lib/components/ui/irc/interface.svelte b/src/lib/components/ui/irc/interface.svelte
index aee6e54..47ab93e 100644
--- a/src/lib/components/ui/irc/interface.svelte
+++ b/src/lib/components/ui/irc/interface.svelte
@@ -58,7 +58,7 @@
   </div>
   <div class='flex md:flex-row flex-col-reverse w-full h-full min-h-0'>
     <div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
-      <div class='h-full overflow-y-scroll min-h-0 w-full'>
+      <div class='h-full overflow-y-scroll min-h-0 w-full [overflow-anchor:auto] content-end'>
         <Messages messages={client.messages} />
       </div>
       <div class='flex mt-4 gap-2'>
diff --git a/src/lib/components/ui/player/subtitles.ts b/src/lib/components/ui/player/subtitles.ts
index f05e9a2..4116156 100644
--- a/src/lib/components/ui/player/subtitles.ts
+++ b/src/lib/components/ui/player/subtitles.ts
@@ -349,6 +349,8 @@ export default class Subtitles {
       }
       // replace all html special tags with normal ones
       Text = Text.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&nbsp;/g, '\\h').replace(/1?\n/g, '\\N')
+    } else {
+      Text = Text.replace('\n', '') // some bad subbers put \n in the text, which breaks the rendering
     }
     return {
       Start: subtitle.time,
diff --git a/src/routes/app/w2g/[id]/+page.svelte b/src/routes/app/w2g/[id]/+page.svelte
index 5ecacb4..d0640cc 100644
--- a/src/routes/app/w2g/[id]/+page.svelte
+++ b/src/routes/app/w2g/[id]/+page.svelte
@@ -66,7 +66,7 @@
   </div>
   <div class='flex md:flex-row flex-col-reverse w-full h-full min-h-0'>
     <div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
-      <div class='h-full overflow-y-scroll min-h-0 w-full'>
+      <div class='h-full overflow-y-scroll min-h-0 w-full [overflow-anchor:auto] content-end'>
         <Messages {messages} />
       </div>
       <div class='flex mt-4 gap-2'>