react-component / react-component/tooltip

Closing when the user clicks in the scrollbar of the browser

Open
#86 5 comments 1 reaction 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

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

  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 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.