Skip to content

Long unbroken collection name overflows/breaks card layout on Dashboard → Collections #6996

Description

@SevereSMP

Please confirm the following.

What browsers are you seeing the problem on?

Firefox

Describe the bug

On the /dashboard/collections page, a collection with a very long name that contains no spaces (e.g. wwwwwwwwwwwwwwwwoooooooooooooooooowwwwwwwwwwwwwwwwwww) does not get truncated or wrapped. Instead it renders at full width, causing that card to stretch wider than the other cards in the grid and breaking the column alignment of the layout.

Screenshot:

Image

Steps to reproduce

Create a new collection.
Give it a name that's a single long word with no spaces (40+ characters).
Go to Your Collections.
Observe the card with the long name overflows and misaligns the grid.

Expected behavior

Long collection names should be truncated with an ellipsis (or the container should enforce overflow-wrap: anywhere) so the grid layout stays intact.

Additional context

I'm Using Firefox Extended Support Release (140.13.0esr 64-bit) On Linux (Debian 13)

Metadata

Metadata

Assignees

No one assigned

    Labels

    websiteRelates to Modrinth.com web frontend

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions