This commit is contained in:
Timothy Jaeryang Baek 2024-12-23 01:06:59 -07:00
parent b44b7e8162
commit 2c8fb66383
2 changed files with 7 additions and 8 deletions

View File

@ -22,6 +22,7 @@
import GarbageBin from '$lib/components/icons/GarbageBin.svelte';
import Pencil from '$lib/components/icons/Pencil.svelte';
import Tooltip from '$lib/components/common/Tooltip.svelte';
import Textarea from '$lib/components/common/Textarea.svelte';
export let message;
export let showUserProfile = true;
@ -142,16 +143,11 @@
{/if}
{#if edit}
<div class="py-1">
<textarea
id="message-edit-{message.id}"
<div class="py-2">
<Textarea
class=" bg-transparent outline-none w-full resize-none"
bind:value={editedContent}
on:input={(e) => {
e.target.style.height = '';
e.target.style.height = `${e.target.scrollHeight}px`;
}}
on:keydown={(e) => {
onKeydown={(e) => {
if (e.key === 'Escape') {
document.getElementById('close-edit-message-button')?.click();
}

View File

@ -6,6 +6,8 @@
export let className =
'w-full rounded-lg px-3 py-2 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-none resize-none h-full';
export let onKeydown: Function = () => {};
let textareaElement;
$: if (textareaElement) {
@ -48,6 +50,7 @@
value = text;
}}
on:paste={handlePaste}
on:keydown={onKeydown}
data-placeholder={placeholder}
/>