When clicked on Slider, tooltip doesnt get cleared even if widget tab is switched

[muthubentley]

When clicked on Slider, tooltip doesnt get cleared even if widget tab is switched
When clicked on Slider:

When switching the widget tab:

This behavior can be reproduced in this sandbox
https://www.itwinjs.org/sandbox/MuthuKalamani/ElevationChange

I think focus is not getting cleared even if the tab is switched. Please let us know the way to clear the tooltip

[elephantcatdog]

Hello @muthubentley,
I have two solutions for you:

1. Use tooltipProps to set visible to true and false when you switch tabs.
2. Use the same tooltipProps to remove the tooltip entirely. I only suggest this as an option because you have the result of the slider in the 'Elevation(in metre):' input box below.

Here's how you can implement that, where false can also be a variable to keep track of its visibility:

Here's an example on our storybook:
https://itwin.github.io/iTwinUI/react/?path=/story/input-slider--custom-tick-no-tooltip

[muthubentley]

Hi @elephantcatdog

Thanks for the workarounds. Actually the sandbox I sent is a sample. In the actual application result of slider is not shown. So the tooltip might be required.
Coming to the rootcause of the issue ,shouldnt the tooltip get cleared when switching tabs. This seems to be a bug to me? Can it be resolved

[mayank99]

Hey @muthubentley, this is actually a bug in iTwin.js. I opened an issue in appui if you want to track that: iTwin/appui#195

[muthubentley]

Thanks @mayank99 I will track the issue.

[raplemie]

@mayank99 I'll look into the tab not getting focus, but I think the tooltip of the slider should go away when the Slider is unmounted, regardless of the focus. (IE, in the provided sandbox, if you go to the empty widget and return to the slider widget, and click on the "elevation(in meter)", you'll notice that the tooltip will remain in place, regardless of the focus.

[muthubentley]

@mayank99 is this issue fixed and released. Can you please let me know the version of package so that I could test before conveying to the partner.

[mayank99]

it's not yet released but will likely be in @itwin/itwinui-react@2.7.0 which will be available in the next few days.

[muthubentley]

@mayank99 is this issue released in @itwin/itwinui-react@2.7.0 ?

[mayank99]

yes

[muthubentley]

Thanks for the confirmation @mayank99