microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Home Page:https://react.fluentui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: LineChart legend overflow does not work

mercadoj32 opened this issue · comments

Charting Control

LineChart

Package version

5.23.20

React version

18.3.1

Environment

System:
    OS: Windows 11 10.0.26100
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
    Memory: 12.17 GB / 31.71 GB
  Browsers:
    Edge: Chromium (129.0.2792.89)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    react: ^18 => 18.3.1
    react-dom: ^18 => 18.3.1

Current Behavior

When I hover over the legend's overflow item, the cursor changes from default to pointer but the overflow menu does not appear.

Expected Behavior

I expect when I hover over the legend's overflow item that the cursor changes from default to pointer and the overflow menu appears with a list of the legends that were not already displayed, the behavior that I witness in the LineChart documentation website.

Reproduction

https://stackblitz.com/edit/gcvetp-zhxfyr9p?file=src%2FApp.tsx

Steps to reproduce

  1. Open the stackblitz webiste
  2. Hover the cursor over the legend's overflow item, the item labeled "8 more"
  3. Leave the cursor hovered over the legend's overflow item
  4. See that the overflow menu does not appear after a couple seconds

Are you reporting an Accessibility issue?

no

Suggested severity

Medium - Has workaround

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.

Can repro this, looks confusing:

Image