-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Enable/Disable tooltip during mouseover/mouseout #745
Comments
+1 |
It's an awesome tool and Tooltip is indeed important in some cases +1 |
Tooltip would indeed be very useful +1 |
+1 |
Could we have a tooltip when you hover over the input area as well as when you hover over the elements in the drop down? |
+1 |
1 similar comment
+1 |
Could be useful to display error messages as well (errors returned from backend for example). |
+1 |
Dear all,
this works fine for me :) |
+1 |
We were able to use optionRenderer to achieve this. |
Hi @shakdwipeea Can you please share the code , how you have achieved the same using optionRenderer. When i am trying to do so option hover has stopped working for me. This is my function body
|
We did sth along the lines of the following:
Note that you will need to define your state transition functions (eg. showToolTipRole, hideToolTipRole etc.) |
Thanks @shakdwipeea for a quick response. I figured out that I was not setting focus class on mouse over. added the event to do that and it started working for me. Code provided below.
|
Please see the following example example by react-select |
+1 |
This is so important |
+1 |
Not sure if this is the best place for my issue, but will post here I was able to get tooltip working by using SingleValue components and wrapping it with a tooltip, my only problem is the tooltip doesn't show when my select menu is disabled https://codesandbox.io/s/condescending-agnesi-p3ypc If you look at this sandbox you will see the tooltip when you select an option and hover over it. Now if you set |
I have done the following to get tool tip for selected values in multi-select
<Select handlemultiDropdown = (e) => { Hope this helps |
Closing this one as we seem to have multiple options to achieve tooltip functionality. |
Great work on react-select!!!
I would like have an option via props to enable/disable tooltip during mouseover/mouseout. This would help to display additional info about the option a user is about to select.
I'll be happy to contribute via PR please share your thoughts and help me get started.
The text was updated successfully, but these errors were encountered: