Skip to content

Mobile messaging Trix editor can overflow bottom nav bar #1046

@Kneeba921

Description

@Kneeba921

Describe the bug
When typing a message on a mobile device, as the Trix editor expands to account for multiple lines it can potentially overflow the space occupied by the bottom navigation bar. This results in the Send button being blocked by the Conversations icon. Can be resolved by un-focusing and re-focusing the text area.

To Reproduce
Steps to reproduce the behavior:

  1. Go to a conversation on mobile device
  2. Enter multiple lines (or line returns) into the message text area
  3. As the editor expands, Send button becomes obscured by bottom nav

Expected behavior
Trix editor should push down the nav as it expands

Screenshots

Image

Smartphone (please complete the following information):

  • Device: Galaxy S23FE
  • Browser: Chrome

Additional context
Removing focus from the editor and re-focusing on it fixes the issue by moving the navigation bar down to accommodate the editor's new size

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions