Replies: 3 comments 2 replies
-
A possible cause of the error that occurs when using the RadixUI library is that the tooltip of the button found in the drop-down menu is automatically displayed when opening the menu. To avoid this unwanted behavior, you can implement logic that prevents the tooltip from being activated when the menu is open. You can achieve this using states or references. |
Beta Was this translation helpful? Give feedback.
-
Yes of course. import { useState } from 'react'; const [tooltipVisible, setTooltipVisible] = useState(false); let btn = ( |
Beta Was this translation helpful? Give feedback.
-
Yes that's because when you navigate menu items, they will be focused for accessibility reasons, then the tooltip shows on focus too. Arguably this is very uncommon to see tooltips on dropdown menu items. I have never seen this in a native UI. |
Beta Was this translation helpful? Give feedback.
-
I'm using RadixUI library and I encountered a problem with building a button with a dropdown where the dropdown itself contains buttons with tooltip. Here is my code:
And the problem is that once I open the dropdown, the tooltip for the first button inside this dropdown is automatically triggered, while for the second one everything works fine i.e. its not triggered until I hover over it. How can I fix that?
Beta Was this translation helpful? Give feedback.
All reactions