Skip to content

long unbreakable headings break mobile table-of-contents view #6344

@thesuperzapper

Description

@thesuperzapper

Context

No response

Bug description

If you have a very long unbreakable heading in a page, the table of contents view (in the mobile sidebar) will not wrap it, and it will be scrollable off-screen.

I am not sure what the most desirable behavior here is, e.g. force wrapping (even in the middle of words), or making an ellipsis, or something else.

Screenshot 2023-11-15 at 15 13 29

Related links

Reproduction

9.4.8-long-headings-break-toc.zip

Steps to reproduce

  1. Create a very long heading in a page (which is not breakable with spaces, dashes, etc)
  2. Open page on mobile
  3. View sidebar table of contents
  4. Notice that the heading link goes off page in a way which is not scrollable on mobile that

Browser

No response

Before submitting

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIssue reports a bugresolvedIssue is resolved, yet unreleased if open

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions