Skip to content

[🐛] UI Bug: Excessive vertical spacing/height in Mention Suggestion List #3433

@Ubaid-0x

Description

@Ubaid-0x

Description
When triggering the mention autocomplete (using the @ character), the suggestion sheet displays an unusual amount of white space. The list item for the user appears at the top, but the container extends far beyond the necessary height, or contains excessive internal padding, creating a large empty block in the message list area.

Steps to Reproduce
Open a channel/group chat.

Tap on the MessageInput component.

Type @ followed by a few characters (e.g., @uba).

Observe the height of the mention suggestion overlay.

Expected Behavior
The mention suggestion list should wrap its content or have a fixed, reasonable height that matches the number of users found, without excessive empty space.

Actual Behavior
The suggestion sheet displays one user but occupies a large portion of the screen with empty white space.

Environment
Library: stream-chat-react-native

OS: Both on iOS & Android

Library Version: 8.8.1

Image

Screenshots

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions