Navbar popover issues with hover mode

[benjamincanac]

• Delay when hovering
• Button shouldn't be clickable
• When moving the mouse between the trigger and the popover, it disappears

I assume this would also be applicable to Dropdown component

[smarroufin]

True, I did not disable the click when mode: hover.
But for the 2 others, it is already the case. 100ms is enough to move the cursor from the trigger to the area, tested and approved on Volta back in the days.
So we should just increase the delay.
200ms for the opening delay.

Do you want the delays to be props. I did not make them props, but they were in Volta UI.

[benjamincanac]

In my opinion there shouldn't be a delay when hovering as there is already a delay with the transition like on click. I'm guessing right now we have the 200 delay on hover and then the transition delay which makes it a total of 400.

[smarroufin]

The delay on opening is and was intentionnal, it avoids the case where you quickly pass the cursor over it when accessing something else. We found it anoying to have a dropdown triggering when simply move the cursor up to the browser favorites for example. If I remove this opening delay, we will re-encounter this frustration 😬 But as you wish

[benjamincanac]

Take a look at https://ionic.io/

[smarroufin]

I'll test it, see if only the transition delay works. Hopefully the mechanism will work properly 🤞

[smarroufin]

Yes I see and I understand, that is the intention behind this opening delay. I'll remove it and we will work with the transition delay.

[smarroufin]

It does not seem good to me. Removing the delay opening, makes isOpen to be true instantly, causing the "container" to be shown. So if I aim for something which is at this place, even if the transition is not complete and the container not visible, the component (Dropdown/Popover) considers the cursor Hover, so it stays opened.