Issue popup preview doesn't get dismissed soon enough #10323

New Issue

GiteaMirror · 2025-11-02T09:04:19-06:00

GiteaMirror commented

2025-11-02 09:04:19 -06:00

Originally created by @dfelinto on GitHub (Feb 22, 2023).

Description

When we have multiple links to issues in a message and we mouse over one after the other the preview popups pile up.

Screenshots

Gitea Version

1.19.0+dev-557-g90a7bba1f

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Google Chrome

Originally created by @dfelinto on GitHub (Feb 22, 2023). ### Description When we have multiple links to issues in a message and we mouse over one after the other the preview popups pile up. ### Screenshots ![image](https://user-images.githubusercontent.com/843498/220632946-fc537a6c-517e-4adf-8fa2-6d0e7fecc2a6.png) ### Gitea Version 1.19.0+dev-557-g90a7bba1f ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System _No response_ ### Browser Version Google Chrome

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

GiteaMirror closed this issue

2025-11-02 09:04:19 -06:00

GiteaMirror commented

2025-11-02 09:04:19 -06:00

@dfelinto commented on GitHub (Feb 22, 2023):

To see this in the test instance of Gitea go to: https://try.gitea.io/dfelinto/blender/issues/14

@dfelinto commented on GitHub (Feb 22, 2023): To see this in the test instance of Gitea go to: https://try.gitea.io/dfelinto/blender/issues/14

GiteaMirror commented

2025-11-02 09:04:20 -06:00

@wxiaoguang commented on GitHub (Feb 22, 2023):

~~It seems that the tippy popup must be hovered first, to make it could be hidden (mouseout) later .....~~

Hmm ... not related ....

Update: it seems that the tippy area is much larger, the mouse pointer could be moved to a far place, the tippy is still show.

That's why you can 3 popups at the same time: because the mouse pointer is still in all of their area ...... if you move the pointer slowly farther and farther, these popups will disappear one by one.

@wxiaoguang commented on GitHub (Feb 22, 2023): ~~It seems that the `tippy` popup must be hovered first, to make it could be hidden (mouseout) later .....~~ Hmm ... not related .... ---- Update: it seems that the tippy area is much larger, the mouse pointer could be moved to a far place, the tippy is still show. That's why you can 3 popups at the same time: because the mouse pointer is still in all of their area ...... if you move the pointer slowly farther and farther, these popups will disappear one by one. ![image](https://user-images.githubusercontent.com/2114189/220648727-71eb4106-4df2-4bf9-bbd7-bc7363235c3c.png)

GiteaMirror commented

2025-11-02 09:04:20 -06:00

@wxiaoguang commented on GitHub (Feb 22, 2023):

The answer seems to be this:

https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder

Determines the size in pixels of the invisible border around a tippy which will prevent it from hiding if the cursor left it.

And Gitea set it to : interactiveBorder: 30

@wxiaoguang commented on GitHub (Feb 22, 2023): The answer seems to be this: https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder > Determines the size in pixels of the invisible border around a tippy which will prevent it from hiding if the cursor left it. And Gitea set it to : `interactiveBorder: 30`

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