mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Update TextAreaInput to conditionally render textarea based on browser compatibility

Browse Source
This commit is contained in:
kwaroran
2024-05-26 11:50:58 +09:00
parent da8cd0005c
commit 4ec8258a34
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/UI/GUI/TextAreaInput.svelte
View File

@@ -35,7 +35,7 @@
class:mt-2={margin === 'both'} class:mt-2={margin === 'both'}
bind:this={highlightDom} bind:this={highlightDom}
> >
{#if !highlight || !CSS.highlights} {#if !highlight || !CSS.highlights || isFirefox}
<textarea <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="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} class:text-transparent={highlight}
@@ -80,7 +80,7 @@
<script lang="ts"> <script lang="ts">
import { textAreaSize, textAreaTextSize } from 'src/ts/gui/guisize' import { textAreaSize, textAreaTextSize } from 'src/ts/gui/guisize'
import { highlighter, getNewHighlightId, removeHighlight } from 'src/ts/gui/highlight' 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'; import { onDestroy, onMount } from 'svelte';
export let size: 'xs'|'sm'|'md'|'lg'|'xl'|'default' = 'default' export let size: 'xs'|'sm'|'md'|'lg'|'xl'|'default' = 'default'
export let autocomplete: 'on'|'off' = 'off' export let autocomplete: 'on'|'off' = 'off'

2
src/ts/util.ts
View File

@@ -10,7 +10,7 @@ import { appWindow } from '@tauri-apps/api/window';
import { isTauri } from "./storage/globalApi" import { isTauri } from "./storage/globalApi"
import { Marked } from "marked" 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({ const mconverted = new Marked({
gfm: true, gfm: true,