Skip to content

[BUG] ReactTooltip - class="__react_component_tooltip" - border-radius: undefinedpx; #871

@jeremycourtaban

Description

@jeremycourtaban

Describe the bug
ReactTooltip component (class="__react_component_tooltip") has border-radius: undefinedpx set in the DOM on page load before the first display.
Note: it doesn't affect the use of the library.

Version of Package
v4.5.1

To Reproduce
Go to the v4 demo.
Search for <div id="main" class="__react_component_tooltip"> in the browser dev tool DOM inspector.
Check the corresponding CSS and how the initial border-radius: undefinedpx prop change when the tooltip is displayed.
Note: when the tooltip is hidden again, the border-radius value stay valid.

Expected behavior
A valid CSS border-radius pixel value on page load.

Screenshots
Before first tooltip display on page load:
react_tooltip_v4_border_radius_undefined_1
After first tooltip display:
react_tooltip_v4_border_radius_undefined_2

Desktop

  • OS: [Ubuntu 20.04.5 LTS]
  • Browser: [Chrome / Firefox]
  • Version: [107.0.5304.110 / 108.0]

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugV4V4 is deprecated

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions