discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

GrowingTextarea: initial value fix (#228)

Browse Source
This commit is contained in:
Ilya Y 2023-09-21 08:46:32 +03:00 committed by GitHub
parent 42493c2e98
commit a9b67ff9ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/_shared/GrowingTextarea/GrowingTextarea.tsx
View File

@ -20,7 +20,7 @@ export const GrowingTextarea = (props: Props) => {
createEffect(() => { createEffect(() => {
if (props.maxLength && props.initialValue?.length > props.maxLength) { if (props.maxLength && props.initialValue?.length > props.maxLength) {
setValue(props.initialValue.slice(0, props.maxLength)) setValue(props.initialValue?.slice(0, props.maxLength))
} else { } else {
setValue(props.initialValue ?? '') setValue(props.initialValue ?? '')
} }
@ -39,6 +39,8 @@ export const GrowingTextarea = (props: Props) => {
} }
} }
console.log('!!! initialValue:', props.initialValue)
return ( return (
<div <div
class={clsx(styles.GrowingTextarea, { class={clsx(styles.GrowingTextarea, {
@ -56,7 +58,11 @@ export const GrowingTextarea = (props: Props) => {
maxlength={props.maxLength} maxlength={props.maxLength}
autocomplete="off" autocomplete="off"
class={clsx(styles.textInput, props.class)} class={clsx(styles.textInput, props.class)}
value={props.maxLength ? props.initialValue.slice(0, props.maxLength) : props.initialValue} value={
props.initialValue && props.maxLength
? props.initialValue?.slice(0, props.maxLength)
: props.initialValue
}
onKeyDown={props.allowEnterKey ? handleKeyDown : null} onKeyDown={props.allowEnterKey ? handleKeyDown : null}
onInput={(event) => handleChangeValue(event)} onInput={(event) => handleChangeValue(event)}
onChange={(event) => props.value(event.target.value)} onChange={(event) => props.value(event.target.value)}