Commit Statuses popup to large to open with 21 statuses #8024

New Issue

GiteaMirror · 2025-11-02T07:51:24-06:00

GiteaMirror commented

2025-11-02 07:51:24 -06:00

Originally created by @ChristopherHX on GitHub (Oct 26, 2021).

Gitea Version

1.15.2

Operating System

Windows 11

Browser Version

Microsoft Edge Version 95.0.1020.30 (64-bit)

Can you reproduce the bug on the Gitea demo site?

Yes

Description

The commit statuses popup doesn't fit in the browsers viewport if you have 21 status checks or more attached to one commit.
My system has a resolution of 1920x1080. Viewing gitea with 50% of normal size allows the popup to open correctly.

If a commit only has a view status checks it works correctly.

How to repoduce

open eea6f360d4
press the green checkmark with a smaller sized viewport like 1920x1080
notice that the popup refuses to open
open f12 devtools and you see an error message

I expected pressing the green checkmark would always open the statuses popup.

I would try to contribute a fix for this issue in the following months. I haven't found any similar issues for gitea.
I'm experimenting with github actions for gitea, which generates a lot of statuses for jobs https://github.com/go-gitea/gitea/issues/13539#issuecomment-832232397

Screenshots

Pressing the green check mark, causes errors in my dev console: Popup: Popup does not fit within the boundaries of the viewport and the popup refuses to open.

Expected result with a scale of 50%, after clicking the green checkmark

Originally created by @ChristopherHX on GitHub (Oct 26, 2021). ### Gitea Version 1.15.2 ### Operating System Windows 11 ### Browser Version Microsoft Edge Version 95.0.1020.30 (64-bit) ### Can you reproduce the bug on the Gitea demo site? Yes ### Description The commit statuses popup doesn't fit in the browsers viewport if you have 21 status checks or more attached to one commit. My system has a resolution of 1920x1080. Viewing gitea with 50% of normal size allows the popup to open correctly. If a commit only has a view status checks it works correctly. How to repoduce - open https://try.gitea.io/ChristopherHX/actions-on-gitea/commit/eea6f360d405f8462ff2eb409b4362a049033efc - press the green checkmark with a smaller sized viewport like 1920x1080 - notice that the popup refuses to open - open f12 devtools and you see an error message I expected pressing the green checkmark would always open the statuses popup. _I would try to contribute a fix for this issue in the following months. I haven't found any similar issues for gitea._ _I'm experimenting with github actions for gitea, which generates a lot of statuses for jobs https://github.com/go-gitea/gitea/issues/13539#issuecomment-832232397_ ### Screenshots Pressing the green check mark, causes errors in my dev console: `Popup: Popup does not fit within the boundaries of the viewport` and the popup refuses to open. ![image](https://user-images.githubusercontent.com/44845461/138962057-a5204bef-1cf7-4873-a55f-dcea1b812142.png) Expected result with a scale of 50%, after clicking the green checkmark ![image](https://user-images.githubusercontent.com/44845461/138963115-f5a75319-e16b-4cd4-a45d-ee46e4dc6477.png)

GiteaMirror added the issue/confirmed topic/ui type/bug labels 2025-11-02 07:51:24 -06:00

GiteaMirror closed this issue

2025-11-02 07:51:24 -06:00

GiteaMirror commented

2025-11-02 07:51:25 -06:00

@wxiaoguang commented on GitHub (Oct 27, 2021):

There is another bug, also record here:

Clicking the down arrow beside the number "10" of the filename triggers another error:

@wxiaoguang commented on GitHub (Oct 27, 2021): There is another bug, also record here: Clicking the down arrow beside the number "10" of the filename triggers another error: ![image](https://user-images.githubusercontent.com/2114189/138997307-e74cbe3c-fb65-45bb-bd9f-de76a85d6a01.png)

GiteaMirror commented

2025-11-02 07:51:26 -06:00

@wxiaoguang commented on GitHub (Oct 28, 2021):

Fixed in the main branch. Will backport.

Screenshots for different window size:

@wxiaoguang commented on GitHub (Oct 28, 2021): Fixed in the main branch. Will backport. Screenshots for different window size: ![image](https://user-images.githubusercontent.com/2114189/139178345-ba835c72-1499-46b8-a01e-4032767fb546.png) ![image](https://user-images.githubusercontent.com/2114189/139178385-10250621-3902-4108-a2e4-c68046afeeef.png) ![image](https://user-images.githubusercontent.com/2114189/139178426-a4f629f6-0e38-4a83-b028-699cf0eeec1c.png)

GiteaMirror commented

2025-11-02 07:51:26 -06:00

@ChristopherHX commented on GitHub (Oct 28, 2021):

@wxiaoguang
Thank you very much for your very fast fix. The popup is now also working on my smartphone. Good work.

@ChristopherHX commented on GitHub (Oct 28, 2021): @wxiaoguang Thank you very much for your very fast fix. The popup is now also working on my smartphone. Good work.

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#8024