react-component / react-component/tooltip

Cannot close tooltip when user clicks away if visible prop is passed in

Open
#189 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
944
Forks
199
Avg merge
19h 1m
Merged PRs (30d)
3

Description

I want to have a tooltip where I control the visible state. However, if I pass in a visible prop to the tooltip, I lose the ability to close the tooltip when the user clicks away from it (like how it behaves using trigger=["click"].

I tried using an onBlur prop for the overlay but it doesn't work.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the controlled tooltip case with a visible prop and trigger=["click"], then trace how click-away behavior differs from the uncontrolled flow. Confirm the fix by verifying that clicking outside closes the tooltip while the controlled visible state remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.