go/pocketbase
1
0
Fork 0
mirror of https://github.com/pocketbase/pocketbase.git synced 2024-11-28 10:03:42 +02:00
Code Issues Releases Activity

[#99] fix AutoExpandTextArea scrolling

Browse Source
This commit is contained in:
Gani Georgiev 2022-07-13 22:44:59 +03:00
parent 9de3cc99a0
commit d4202e696b
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/components/base/AutoExpandTextarea.svelte
View File

@ -1,11 +1,13 @@
<script> <script>
import { onMount } from "svelte";
export let value = ""; export let value = "";
export let maxHeight = 200; export let maxHeight = 200;
let inputElem; let inputElem;
let updateTimeoutId; let updateTimeoutId;
$: if (inputElem && typeof value !== undefined) { $: if (typeof value !== undefined) {
updateInputHeight(); updateInputHeight();
} }
@ -32,6 +34,12 @@
form?.requestSubmit && form.requestSubmit(); form?.requestSubmit && form.requestSubmit();
} }
} }
onMount(() => {
updateInputHeight();
return () => clearTimeout(updateTimeoutId);
});
</script> </script>
<textarea bind:this={inputElem} bind:value on:keydown={handleKeydown} {...$$restProps} /> <textarea bind:this={inputElem} bind:value on:keydown={handleKeydown} {...$$restProps} />