[GH-ISSUE #8062] [Bug] ux: tooltip blocking other buttons #3528

Open
opened 2026-03-23 21:30:59 +00:00 by mirror · 1 comment
Owner

Originally created by @erlangparasu on GitHub (Jun 14, 2025).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/8062

Originally assigned to: @Vivian-appflowy on GitHub.

Bug Description

https://github.com/user-attachments/assets/a3fe2aa4-aa87-45cf-8628-4946c3116c44

How to Reproduce

hover mouse to a button

Expected Behavior

only show tooltip when mouse hover the button target
tooltip should hide again when moving out

Operating System

macos m1 15.5

AppFlowy Version(s)

Version 0.9.3 (0.9.3)

Screenshots

No response

Additional Context

No response

Originally created by @erlangparasu on GitHub (Jun 14, 2025). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/8062 Originally assigned to: @Vivian-appflowy on GitHub. ### Bug Description https://github.com/user-attachments/assets/a3fe2aa4-aa87-45cf-8628-4946c3116c44 ### How to Reproduce hover mouse to a button ### Expected Behavior only show tooltip when mouse hover the button target tooltip should hide again when moving out ### Operating System macos m1 15.5 ### AppFlowy Version(s) Version 0.9.3 (0.9.3) ### Screenshots _No response_ ### Additional Context _No response_
Author
Owner

@Vivian-appflowy commented on GitHub (Jun 17, 2025):

@erlangparasu Thanks for the feedback! I have some ideas on how to fix it

@LucasXu0 I’ve looked into some examples of tooltip behavior in sidebars. I noticed that some competitors position tooltips differently based on the button’s location. For example, displaying the tooltip above when the button is near the top, and displaying outside the side panel when the it's the first button from the right side.

Would it be possible to adjust its position based on the button’s location?
Also, can we make the tooltip only appear when hovering over the target? Now it will keep showing if my cursor is on the tooltip

Image

Image

Image

<!-- gh-comment-id:2978761643 --> @Vivian-appflowy commented on GitHub (Jun 17, 2025): @erlangparasu Thanks for the feedback! I have some ideas on how to fix it @LucasXu0 I’ve looked into some examples of tooltip behavior in sidebars. I noticed that some competitors position tooltips differently based on the button’s location. For example, displaying the tooltip above when the button is near the top, and displaying outside the side panel when the it's the first button from the right side. Would it be possible to adjust its position based on the button’s location? Also, can we make the tooltip only appear when hovering over the target? Now it will keep showing if my cursor is on the tooltip ![Image](https://github.com/user-attachments/assets/afd2b5f1-c020-419b-a11f-5c20136f45f1) ![Image](https://github.com/user-attachments/assets/2561ec57-c223-482f-8424-f445c0e561a8) ![Image](https://github.com/user-attachments/assets/aacfd9d8-6e8e-482d-b34c-2fbf9b3980f4)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#3528
No description provided.