"This commit is contained in" overflows the box #12420

New Issue

GiteaMirror · 2025-11-02T10:09:15-06:00

GiteaMirror commented

2025-11-02 10:09:15 -06:00

Originally created by @colejohnson66 on GitHub (Feb 1, 2024).

Description

As shown in the screenshot below, the "this commit is contained in" list overflows the summary box.

Gitea Version

1.21.4

Can you reproduce the bug on the Gitea demo site?

Untested

Log Gist

No response

Screenshots

Git Version

No response

Operating System

No response

How are you running Gitea?

Service on Windows Server

Database

MySQL/MariaDB

Originally created by @colejohnson66 on GitHub (Feb 1, 2024). ### Description As shown in the screenshot below, the "this commit is contained in" list overflows the summary box. ### Gitea Version 1.21.4 ### Can you reproduce the bug on the Gitea demo site? Untested ### Log Gist _No response_ ### Screenshots ![image](https://github.com/go-gitea/gitea/assets/11381599/f14facf8-b261-447a-8799-e10f0ff56f6a) ![image](https://github.com/go-gitea/gitea/assets/11381599/6da814ac-8ba9-4733-8632-409216b890f2) ### Git Version _No response_ ### Operating System _No response_ ### How are you running Gitea? Service on Windows Server ### Database MySQL/MariaDB

GiteaMirror added the topic/ui type/bug labels 2025-11-02 10:09:15 -06:00

GiteaMirror closed this issue

2025-11-02 10:09:16 -06:00

GiteaMirror commented

2025-11-02 10:09:16 -06:00

@silverwind commented on GitHub (Feb 1, 2024):

Maybe we should try a overflow-wrap: anywhere global CSS rule to fix these issues once and for all, but may have side-effects on elements that do not expect their content to wrap.

@silverwind commented on GitHub (Feb 1, 2024): Maybe we should try a `overflow-wrap: anywhere` global CSS rule to fix these issues once and for all, but may have side-effects on elements that do not expect their content to wrap.

GiteaMirror commented

2025-11-02 10:09:16 -06:00

@colejohnson66 commented on GitHub (Feb 1, 2024):

It's in a flexbox, so adding overflow-warp:anywhere to the div.tag-area element does this:

I don't know about you, but, to me, that's worse. Maybe replacing the list with an inline ul would be a better option.

@colejohnson66 commented on GitHub (Feb 1, 2024): It's in a flexbox, so adding `overflow-warp:anywhere` to the `div.tag-area` element does this: ![image](https://github.com/go-gitea/gitea/assets/11381599/0e08ad94-eab6-4aca-96f3-2ad98a8448e6) I don't know about you, but, to me, that's worse. Maybe replacing the list with an inline `ul` would be a better option.

GiteaMirror commented

2025-11-02 10:09:16 -06:00

@silverwind commented on GitHub (Feb 1, 2024):

Right, in this case the correct solution will be flex-wrap: wrap on the parent node.

And sadly, it already highlights why we can't have global overflow-wrap: anywhere.

@silverwind commented on GitHub (Feb 1, 2024): Right, in this case the correct solution will be `flex-wrap: wrap` on the parent node. And sadly, it already highlights why we can't have global `overflow-wrap: anywhere`.

GiteaMirror commented

2025-11-02 10:09:17 -06:00

@colejohnson66 commented on GitHub (Feb 1, 2024):

flex-wrap: wrap does indeed fix the issue:

@colejohnson66 commented on GitHub (Feb 1, 2024): `flex-wrap: wrap` does indeed fix the issue: ![image](https://github.com/go-gitea/gitea/assets/11381599/05a344f9-ccbc-4527-9fa6-9fe51b3171dd)

GiteaMirror commented

2025-11-02 10:09:17 -06:00

@delvh commented on GitHub (Feb 1, 2024):

The funny thing is: I originally designed the box so that it should already do that (compare with the screenshot in #25180).
I thought I designed it resilient enough not to have this type of problem, but apparently something else must have changed in the meantime…

@delvh commented on GitHub (Feb 1, 2024): The funny thing is: I originally designed the box so that it should already do that (compare with the screenshot in #25180). I thought I designed it resilient enough not to have this type of problem, but apparently something else must have changed in the meantime…

GiteaMirror commented

2025-11-02 10:09:17 -06:00

@github-actions[bot] commented on GitHub (Feb 28, 2024):

Automatically locked because of our CONTRIBUTING guidelines

@github-actions[bot] commented on GitHub (Feb 28, 2024): Automatically locked because of our [CONTRIBUTING guidelines](https://github.com/go-gitea/gitea/blob/main/CONTRIBUTING.md#issue-locking)

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#12420