mirror of
https://github.com/open-webui/open-webui
synced 2025-05-17 20:05:08 +00:00
52 lines
1.0 KiB
Svelte
52 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { onMount, tick } from 'svelte';
|
|
|
|
export let value = '';
|
|
export let placeholder = '';
|
|
export let rows = 1;
|
|
export let required = false;
|
|
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 h-full';
|
|
|
|
let textareaElement;
|
|
|
|
// Adjust height on mount and after setting the element.
|
|
onMount(async () => {
|
|
await tick();
|
|
resize();
|
|
|
|
requestAnimationFrame(() => {
|
|
// setInterveal to cehck until textareaElement is set
|
|
const interval = setInterval(() => {
|
|
if (textareaElement) {
|
|
clearInterval(interval);
|
|
resize();
|
|
}
|
|
}, 100);
|
|
});
|
|
});
|
|
|
|
const resize = () => {
|
|
if (textareaElement) {
|
|
textareaElement.style.height = '';
|
|
textareaElement.style.height = `${textareaElement.scrollHeight}px`;
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<textarea
|
|
bind:this={textareaElement}
|
|
bind:value
|
|
{placeholder}
|
|
class={className}
|
|
style="field-sizing: content;"
|
|
{rows}
|
|
{required}
|
|
on:input={(e) => {
|
|
resize();
|
|
}}
|
|
on:focus={() => {
|
|
resize();
|
|
}}
|
|
/>
|