twenty icon indicating copy to clipboard operation
twenty copied to clipboard

Improve graph tooltip behavior

Open lucasbordeau opened this issue 2 weeks ago • 3 comments

The problem with the tooltip is that it is hard to move the mouse slowly to get the tooltip on a precise data point :

https://github.com/user-attachments/assets/a87d75a4-81e4-4445-b3a9-2bcc618fb87d

We would like to have a clean UX that allows to move the mouse without being "captured" by a tooltip.

lucasbordeau avatar Nov 13 '25 14:11 lucasbordeau

@Bonapara what do you think ?

lucasbordeau avatar Nov 13 '25 14:11 lucasbordeau

I agree this isn't as clean as we would want, but I dont understand the requirements in this particular issue, or what you are suggesting that could be improved!

ehconitin avatar Nov 14 '25 12:11 ehconitin

I think it's more related to a design UX decision than a code problem here, don't worry !

lucasbordeau avatar Nov 14 '25 17:11 lucasbordeau

What would you imagine? It’s hard to find an alternative when there’s a lot of data on the x-axis.

Bonapara avatar Nov 17 '25 13:11 Bonapara

Yes, it would be a bit R&D but maybe we could detect the hovering direction of the mouse, left or right, and then just flip the tooltip to the opposite side so the tooltip is always following the mouse cursor movement, that wouldn't be hard to do I think.

But the problem is that we would have to find a way to allow the user to enter the tooltip anyway.

We could also just let the tooltip on an horizontal rail so that the user understands that it is possible to move the mouse outside of that horizontal tooltip rail to chose between moving the tooltip or going into the tooltip with the mouse cursor, this second solution would be really easy to implement.

lucasbordeau avatar Nov 17 '25 13:11 lucasbordeau

Can we animate the move in the meantime? to make it smoother @ehconitin

Bonapara avatar Nov 17 '25 14:11 Bonapara