The menu in review comment page has layout problem

[yp05327]

Description

Gitea Version

latest

Can you reproduce the bug on the Gitea demo site?

No

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

No response

How are you running Gitea?

build

Database

None

[silverwind]

Should probably converted to use tippy.js.

[wxiaoguang]

I do not think that menu could be easily replaced by tippy.

I guess changing the z-index: 7 of .diff-file-header.sticky-2nd-row to z-index: 1 is enough.

[wxiaoguang]

I guess changing the z-index: 7 of .diff-file-header.sticky-2nd-row to z-index: 1 is enough.

Sorry .... it seems not working, more complex than I thought ....

[wxiaoguang]

It's another regression of #22959

Without the overflow-x: scroll, it just works ......

[silverwind]

I do not think that menu could be easily replaced by tippy.

I thought the same dropdown in issue comments was already using tippy, but apparently not. Maybe I'll check out later to convert both these menus. tippy is the ideal solution for such overflow issues :)

Without the overflow-x: scroll, it just works ......

Never use scroll overflow as it forces a scrollbar, better use auto which shows it only when necessary.

[wxiaoguang]

Without the overflow-x: scroll, it just works ......

Never use scroll overflow as it forces a scrollbar, better use auto which shows it only when necessary.

#22959 wants to render a wide CSV table.

[wxiaoguang]

tippy is the ideal solution for such overflow issues :)

Not that easy, these "dropdown menus" are quite complex, and there are still a11y concerns.

---

I guess we can have a quick fix at the moment: Fix review comment context menu clipped bug #23523

[silverwind]

#22959 wants to render a wide CSV table.

Don't see why a max-width and overflow-x: auto shouldn't work. Scrollbars only on-demand.