clauderic / clauderic/react-infinite-calendar

Range Selection - When scroll fast, the blue focus-selection will not be shown for enddate

Open
#166 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
4k
Forks
398
PR merge metrics
No merged PRs in 30d

Description

Hey bro, found one small issue for Range Selection,

http://clauderic.github.io/react-infinite-calendar/#/enhance-default-functionality/range-selection?_k=1j53e5

Click on the start date, and scroll down to few months later quickly, you will found when it stoped, the blue focus selection is not shown. And if you move mouse now, then the blue focus-selection will be shown. But if you scroll down slowly, then the blue focus-selection would always be shown.

On the screenshot below, here we should see the blue focus-selection following the mouse cursor but we can't. Only if we move the mouse cursor then we get the focus-selection.

screen shot 2017-11-30 at 2 50 55 pm

Contributor guide

Open the contributing guide

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 issue in the linked range-selection demo, comparing fast and slow scrolling after selecting a start date. Trace the range-selection focus behavior during scrolling and verify that the blue end-date focus selection remains visible immediately after fast scrolling, without requiring mouse movement.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
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.