Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 Intel(R) Core(TM) i9-10900X CPU @ 3.70GHz
    Memory: 9.48 GB / 31.72 GB
  Browsers:
    Edge: Chromium (119.0.2151.58)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

no

Reproduction

https://codepen.io/xiaoyangliu1123/pen/abXjRyb

Bug Description

Actual Behavior

When I press the tab key to view bar information within the same HorizontalBarChart, it should only display the tooltip for the bar currently in focus. However, when there are multiple HorizontalBarCharts on the page (let's assume they are arranged spatially as HBC1 and HBC2), if my tab key focus is on HBC2, the tooltip for the last bar in HBC1 does not automatically close.

Expected Behavior

If my tab key focus is on HBC2, the tooltip for the last bar in HBC1 should automatically close, thus for users who rely on keyboard operations, they won't need to make additional efforts to manually close the tooltip for HBC1.

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.