Add Tooltip to Close Button on Panel Sample.

[sophiaFengMS]

Environment Information

• Package version(s): (fill this out)
• Browser and OS versions: (fill this out)

Describe the issue:

Open the Panel, hover on the close button, the tooltip 'Close' shows. Then try to access the tooltip, it disappears.

Please provide a reproduction of the issue in a codepen:

Can be repro at the website: https://developer.microsoft.com/en-us/fluentui#/controls/web/panel
Open any panel in the Usage

Actual behavior:

The tooltip that appeared on the close button is non-hoverable.

Expected behavior:

The tooltip should be hoverable with the mouse, so that the user can stop them by hovering to them.

Documentation describing expected behavior

As per MAS1.4.13, tooltip itself should be hoverable using mouse. Please find the below Example 2 : Hoverable tooltip

[paulgildea]

@sophiaFengMS Thanks for the feedback.

I am able to hover over the Tooltip component provided on the documentation site: https://developer.microsoft.com/en-us/fluentui#/controls/web/tooltip

(sorry I wasn't able to capture the mouse cursor with my snipping tool)

Looking at the Panel sample it doesn't look like it's using the Tooltip component and is using the native browser tooltip.

I'll use this issue to track making an update to the sample for Panel as I believe it is necessary for a developer to use the Button component and the Tooltip component together to achieve the desired experience.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.