fix: adjust channel input height

TryQuiet · Oct 25, 2023 · d0ba888 · d0ba888
1 parent 1eb166e
commit d0ba888
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/...es/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.stories.tsx b/...es/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { ComponentStory, ComponentMeta } from '@storybook/react'
-
+import CssBaseline from '@mui/material/CssBaseline'
 import { INPUT_STATE } from './InputState.enum'
 
 import { ChannelInputComponent, ChannelInputProps } from './ChannelInput'

diff --git a/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx b/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx
@@ -253,6 +253,7 @@ export const ChannelInputComponent: React.FC<ChannelInputProps> = ({
     setMessage(initialMessage)
     const ref = textAreaRef.current
     if (!ref) return
+    if (!initialMessage) return
     adjustTextAreaHeight(ref)
   }, [channelId])
 
@@ -263,7 +264,9 @@ export const ChannelInputComponent: React.FC<ChannelInputProps> = ({
   const adjustTextAreaHeight = (el: HTMLTextAreaElement) => {
     // Workaround for making textarea's height adapt to the content
     el.style.height = ''
-    el.style.height = el.scrollHeight + 'px'
+    if (el.scrollHeight > el.clientHeight) {
+      el.style.height = `${el.scrollHeight}px`
+    }
   }
 
   const caretLineTraversal = (focusLine: Node | null | undefined, anchorLinePosition = 0) => {