react-component / react-component/tooltip
Closing when the user clicks in the scrollbar of the browser
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 944
- Forks
- 199
- Avg merge
- 19h 1m
- Merged PRs (30d)
- 3
Description
Hi guys,
We are usign rc-tooltip in our products but there is one small bug that is causing some problems and it's the following we click in a input text it shows the tooltip where the user can select an item and that item text would show in the input text. Very similar with the ryanair component to search for cities from and to -> https://www.ryanair.com/gb/en/. If the user clicks outside of the tooltip it closes as expected and it makes sense. But the problem happens when the user might have a small resolution and cannot see the entire tooltip we wants to scroll. This works fine using the mouse roller but if we has a touchpad needs to click in the scrollbar that makes the tooltip to close.
I wonder if there is anyway to bypass this. In the ryanair component it actually works like that. And that would be amazing to this with rc-tooltip.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the reported behavior in rc-tooltip with a tooltip that requires scrolling, then compare mouse-wheel scrolling with clicking the browser scrollbar. Done means clicking the scrollbar no longer closes the tooltip while outside clicks still close it; the issue names no files or tests to begin with.
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
- 35/100