[Bug]: [Charting][Line chart]Filter is reset when mouse hovers out of 'more' dropdown list

[Talogin]

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Xeon(R) W-2123 CPU @ 3.60GHz
    Memory: 15.79 GB / 31.68 GB
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (104.0.1293.63)
    Internet Explorer: 11.0.19041.1566

Are you reporting Accessibility issue?

No response

Reproduction

https://fluentuipr.z22.web.core.windows.net/heads/master/react-charting/demo/index.html#/examples/linechart

Bug Description

Actual Behavior

As the screenshots show below, users firstly chose ‘Eleventh’ as a filter in '5 more' dropdown list and as a result it filtered out other line charts. As you can see, the mouse is hovering over the '5 more' dropdown list.

However, the filter is reset when the mouse is hovering outside the '5 more' dropdown list.

Expected Behavior

For example, once users chose ‘Eleventh’ in '5 more' dropdown list as the filter, it should still show the corresponding pink line chart even when the hover is moving out of '5 more' dropdown list.

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.

[jiangdongxiaobaiban]

Hi @Raghurk and @micahgodbolt, do we have any progress about this issue?

[AtishayMsft]

This issue has been fixed with PR #24563