Message textarea expands excessively and breaks layout when typing long messages #16

New Issue

sarkazm · 2026-02-28T06:58:19Z

sarkazm commented

2026-02-28 06:58:19 +00:00

Description

When typing a long message, the message textarea expands vertically without limit and eventually hides most or all of the chat view. As it expands, the cursor can become hidden behind the keyboard, and the send button becomes stretched vertically along the right side of the screen.

This makes it difficult to see the conversation while typing and makes the send button harder to use. The textarea does not appear to have a maximum height or proper scroll behavior. Clicking on the typed text to try to scroll through it results in scrolling up to the top of the textarea until you can see the chat, but doesn't scroll through the message in a fixed space as there doesn't appear to be any limit on max-height.

Steps to Reproduce

Navigate to Empirian Hall and open a channel
Tap the message input field
Begin typing or copy/Paste a long text into the textarea so that it expands significantly (Preferably 30+ lines)
The textarea expands so that the chat is pushed up and is no longer visible
The send button stretches vertically
The cursor may also become hidden behind the keyboard

Expected Behavior

The message textarea should expand only up to a reasonable maximum height (approximately 8–9 lines)
After reaching the maximum height, the textarea should become scrollable internally
The chat view should remain visible above the textarea
The send button should remain fixed in its normal position and size
The cursor should remain visible in the textarea

Actual Behavior

The textarea expands vertically without limit
The textarea hides most or all of the chat view
The send button stretches vertically along the right side
The cursor can become hidden behind the keyboard
The layout becomes difficult to use when composing long messages

Environment

Device: Mobile
Browser: Brave
OS: Android
URL: https://community.the-empiric.com/app

## Description When typing a long message, the message textarea expands vertically without limit and eventually hides most or all of the chat view. As it expands, the cursor can become hidden behind the keyboard, and the send button becomes stretched vertically along the right side of the screen. This makes it difficult to see the conversation while typing and makes the send button harder to use. The textarea does not appear to have a maximum height or proper scroll behavior. Clicking on the typed text to try to scroll through it results in scrolling up to the top of the textarea until you can see the chat, but doesn't scroll through the message in a fixed space as there doesn't appear to be any limit on max-height. ## Steps to Reproduce 1. Navigate to Empirian Hall and open a channel 3. Tap the message input field 4. Begin typing or copy/Paste a long text into the textarea so that it expands significantly (Preferably 30+ lines) 6. The textarea expands so that the chat is pushed up and is no longer visible 7. The send button stretches vertically 8. The cursor may also become hidden behind the keyboard ## Expected Behavior - The message textarea should expand only up to a reasonable maximum height (approximately 8–9 lines) - After reaching the maximum height, the textarea should become scrollable internally - The chat view should remain visible above the textarea - The send button should remain fixed in its normal position and size - The cursor should remain visible in the textarea ## Actual Behavior - The textarea expands vertically without limit - The textarea hides most or all of the chat view - The send button stretches vertically along the right side - The cursor can become hidden behind the keyboard - The layout becomes difficult to use when composing long messages ## Environment - Device: Mobile - Browser: Brave - OS: Android - URL: https://community.the-empiric.com/app

LongText1.png

202 KiB

LongText2.png

248 KiB

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: empiric/empiric-issues#16