From 4ec8258a34659d1bec819783e834dc82bf735600 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Sun, 26 May 2024 11:50:58 +0900
Subject: [PATCH] refactor: Update TextAreaInput to conditionally render
 textarea based on browser compatibility

---
 src/lib/UI/GUI/TextAreaInput.svelte | 4 ++--
 src/ts/util.ts                      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/UI/GUI/TextAreaInput.svelte b/src/lib/UI/GUI/TextAreaInput.svelte
index aaff393b..c9047aea 100644
--- a/src/lib/UI/GUI/TextAreaInput.svelte
+++ b/src/lib/UI/GUI/TextAreaInput.svelte
@@ -35,7 +35,7 @@
     class:mt-2={margin === 'both'}
     bind:this={highlightDom}
 >
-    {#if !highlight || !CSS.highlights}
+    {#if !highlight || !CSS.highlights || isFirefox}
         <textarea
             class="w-full h-full bg-transparent focus-within:outline-none resize-none absolute top-0 left-0 z-10 overflow-y-auto"
             class:text-transparent={highlight}
@@ -80,7 +80,7 @@
 <script lang="ts">
     import { textAreaSize, textAreaTextSize } from 'src/ts/gui/guisize'
     import { highlighter, getNewHighlightId, removeHighlight } from 'src/ts/gui/highlight'
-    import { sleep } from 'src/ts/util';
+    import { isFirefox, sleep } from 'src/ts/util';
     import { onDestroy, onMount } from 'svelte';
     export let size: 'xs'|'sm'|'md'|'lg'|'xl'|'default' = 'default'
     export let autocomplete: 'on'|'off' = 'off'
diff --git a/src/ts/util.ts b/src/ts/util.ts
index bc9e3630..0fd2b3ae 100644
--- a/src/ts/util.ts
+++ b/src/ts/util.ts
@@ -10,7 +10,7 @@ import { appWindow } from '@tauri-apps/api/window';
 import { isTauri } from "./storage/globalApi"
 import { Marked } from "marked"
 
-const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1
+export const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1
 
 const mconverted = new Marked({
     gfm: true,