search

jquense / react-big-calendar

gcal/outlook like calendar component
http://jquense.github.io/react-big-calendar/examples/index.html
MIT License
7.81k stars 2.23k forks source link

Calendar doesn't scroll during slot selection? #1684

Open ehahn9 opened 4 years ago

ehahn9 commented 4 years ago

Surely I'm confused as this seems pretty basic behavior... but the calendar doesn't scroll during slot selection?

To Reproduce

  1. Create a day/week view calendar with selectable=true which isn't tall enough to display the entire day
  2. Select (via mouse swipe) a range which extends off the bottom (or top) of the displayed times
  3. The calendar doesn't scroll.

Here's a (trivial) example: https://react-ts-9sau49.stackblitz.io

Expected behavior:

The calendar would scroll so you can continue your selection. Just like any other browser selection.

Actual behavior:

The calendar does not scroll. On mouseup, the selection is abandoned. Interestingly, you can explicitly scroll with the mouse, you just can't scroll while selecting/dragging.

Any ideas on how to synthesize the automatic scrolling behavior? I've played with min/max/scrollToTime but those don't seem to help. I'm considering a hack like a react/ref-based version of https://htmldom.dev/drag-to-scroll/ but that seems awful.

ehahn9 commented 4 years ago

just checking to see if anyone has thoughts on this? Kind of a UX showstopper if you're using selectable... thx.

sarthakgoenka commented 3 years ago

I've faced a similar problem and still can't find a perfect solution for that.

vagabondhoang commented 6 months ago

i also face issue: calendar does not scroll while drag items to calendar'corners

vagabondhoang commented 6 months ago

@ehahn9 have u found solution for it?