Skip to content

[BUG]: Long bio content expands horizontally and breaks the Profile layout #548

Description

@insanekrishnna

Bug Description

In the Profile section, the Bio editor has a maximum limit of 300 characters. When a long bio is entered, the content causes the Bio section to expand horizontally instead of maintaining its existing width and wrapping the text vertically.

As a result, the Profile page becomes wider than the available viewport. Content on the right side of the page gets pushed outside the visible screen, causing other sections to be partially or completely cut off.

Steps to Reproduce

Sign in to the application.
Navigate to the Profile section.
Locate the Bio section.
Click the edit option for Bio.
Enter a long bio approaching the 300-character limit.
Observe the Bio input area and the overall Profile layout.

Logs and Screenshots

bio_issue.mp4

Actual behavior
The Bio section expands horizontally when a long bio is entered.
The text does not properly constrain itself to the existing width.
The Profile page becomes horizontally oversized.
Content on the right side of the page gets pushed outside the viewport.
Other Profile sections become partially or completely inaccessible without horizontal movement.
Expected behavior

The Bio section should retain its existing width regardless of the amount of text entered.

When the bio becomes longer:

Text should wrap naturally onto additional lines.
The Bio input should grow vertically when necessary.
The width should remain constrained to its parent/container.
The Profile page should not expand horizontally.
Other sections on the right side should remain fully visible and properly positioned.

For example, if 300 characters require 3 lines, the textarea can expand to 4 or 5 lines if necessary, but its width should remain unchanged.

Environment Details

No response

Impact

High - Major feature is broken

Code of Conduct

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions