Skip to content

Active dot overlapping cursor line #3574

@bijankundu

Description

@bijankundu
  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. Visit sandbox link
  2. hover on any y-axis line
  3. once the active dot appears, the cursor line will overlap with the active dot

What is expected?

Cursor line should not overlap with the active dot.

What is actually happening?

Cursor line is overlapping with the active dot

Environment Info
Recharts v2.5.0
React 18.2.0
System Mac os 13.0
Browser Chrome 112.0.5615.137

Although this can be achieved by changing the order how tooltip is rendered, but I would like to view the whole cursor line. If I keep the tooltip at top and then render the chart, the cursor line is partially visible, the rest portion is overlapped by the chart

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementEnhancement to a current APIfeature requestIssues that are feature requests

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions