n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/composer: add limit to number of lines

Browse source
This commit is contained in:
Tulir Asokan 2024-11-16 15:39:20 +02:00
parent b585d72069
commit f3eb86455f
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/ui/composer/MessageComposer.tsx
View file

@ -51,6 +51,7 @@ export interface ComposerState {
} }
const isMobileDevice = window.ontouchstart !== undefined && window.innerWidth < 800 const isMobileDevice = window.ontouchstart !== undefined && window.innerWidth < 800
const MAX_TEXTAREA_ROWS = 10
const emptyComposer: ComposerState = { text: "", media: null, replyTo: null } const emptyComposer: ComposerState = { text: "", media: null, replyTo: null }
const uninitedComposer: ComposerState = { ...emptyComposer, uninited: true } const uninitedComposer: ComposerState = { ...emptyComposer, uninited: true }
@ -333,7 +334,7 @@ const MessageComposer = () => {
// This is a hacky way to auto-resize the text area. Setting the rows to 1 and then // This is a hacky way to auto-resize the text area. Setting the rows to 1 and then
// checking scrollHeight seems to be the only reliable way to get the size of the text. // checking scrollHeight seems to be the only reliable way to get the size of the text.
textInput.current.rows = 1 textInput.current.rows = 1
const newTextRows = (textInput.current.scrollHeight - 16) / 20 const newTextRows = Math.min((textInput.current.scrollHeight - 16) / 20, MAX_TEXTAREA_ROWS)
textInput.current.rows = newTextRows textInput.current.rows = newTextRows
textRows.current = newTextRows textRows.current = newTextRows
// This has to be called unconditionally, because setting rows = 1 messes up the scroll state otherwise // This has to be called unconditionally, because setting rows = 1 messes up the scroll state otherwise