fix popover quirks

This commit is contained in:
Thomas G. Lopes 2025-06-17 14:58:51 +01:00
parent be7f93141a
commit f997065cd8

View file

@ -26,6 +26,7 @@
import { ElementSize } from 'runed'; import { ElementSize } from 'runed';
import LoaderCircleIcon from '~icons/lucide/loader-circle'; import LoaderCircleIcon from '~icons/lucide/loader-circle';
import { cn } from '$lib/utils/utils.js'; import { cn } from '$lib/utils/utils.js';
import { pick } from '$lib/utils/object.js';
const client = useConvexClient(); const client = useConvexClient();
@ -303,7 +304,9 @@
</p> </p>
<div class="pr-2"> <div class="pr-2">
{#if conversation.generating} {#if conversation.generating}
<div class="flex animate-[spin_0.75s_linear_infinite] place-items-center justify-center"> <div
class="flex animate-[spin_0.75s_linear_infinite] place-items-center justify-center"
>
<LoaderCircleIcon class="size-4" /> <LoaderCircleIcon class="size-4" />
</div> </div>
{/if} {/if}
@ -441,7 +444,7 @@
<!-- TODO: Figure out better autofocus solution --> <!-- TODO: Figure out better autofocus solution -->
<!-- svelte-ignore a11y_autofocus --> <!-- svelte-ignore a11y_autofocus -->
<textarea <textarea
{...popover.trigger} {...pick(popover.trigger, ['id', 'style', 'onfocusout', 'onfocus'])}
bind:this={textarea} bind:this={textarea}
class="border-input bg-background ring-ring ring-offset-background h-full w-full resize-none rounded-lg border p-2 text-sm ring-offset-2 outline-none focus-visible:ring-2" class="border-input bg-background ring-ring ring-offset-background h-full w-full resize-none rounded-lg border p-2 text-sm ring-offset-2 outline-none focus-visible:ring-2"
placeholder="Ask me anything..." placeholder="Ask me anything..."