stream-chat-react icon indicating copy to clipboard operation
stream-chat-react copied to clipboard

bug: `MessageInput grow` does not push the message list (overlaps it)

Open petyosi opened this issue 1 year ago • 0 comments

Describe the bug

    <Chat client={chatClient} theme="messaging light">
      <ChannelList filters={filters} sort={sort} />
      <Channel>
        <Window>
          <ChannelHeader />
          <MessageList />
          <MessageInput maxRows={10} grow />
        </Window>
        <Thread />
      </Channel>
    </Chat>

To Reproduce In the above configuration (you need a channel with enough messages), use shift+Enter to grow the message input. Rather than pushing the message list up (like Slack), the input overlays the message list. This is not perfect - if you type a response to the last message, you can't see it.

Expected behavior A growing input should shift the message list up, reducing its size.

Screenshots image

See sandbox.

petyosi avatar Jul 27 '22 04:07 petyosi