Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: LineChart legend overflow does not work #33472

Open
2 tasks done
mercadoj32 opened this issue Dec 14, 2024 · 1 comment
Open
2 tasks done

[Bug]: LineChart legend overflow does not work #33472

mercadoj32 opened this issue Dec 14, 2024 · 1 comment

Comments

@mercadoj32
Copy link

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.
@layershifter
Copy link
Member

Can repro this, looks confusing:

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Development

No branches or pull requests

3 participants