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

Labels

appRelates to Modrinth AppwebsiteRelates to Modrinth.com web frontend📂 Under review[Triage] Is being reviewed by Modrinth Staff for future roadmap consideration.

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions