easepick / easepick

Date range picker. Uses Shadow DOM, lightweight size, no dependencies.
https://easepick.com
Other
549 stars 52 forks source link

Calendar overflows viewport when too wide #202

Open zipper opened 1 year ago

zipper commented 1 year ago

Describe the bug When input with calendar is close to the right edge of the window, calendar might overflow viewport and cause horizontal scrollbar to appear.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://easepick.com/configurator/
  2. Set options calendar to 2 and grid to 2.
  3. Resize the window to ~1100px.
  4. When the calendar is opened, it overflows the window to right, causing scrollbar to show

Expected behavior The calendar is aligned to the left edge of the associated input. I would expect it to move right, when there is not enough space.