react-dates: DateRangePicker cannot render correctly inside a scrolling container

Because DateRangePicker__picker is rendered adjacent to DateRangePickerInput, it cannot work correctly inside containers that scroll their overflow - it will either push the edges of the container outwards, or be clipped if you have something like overflow-y: scroll; overflow-x: hidden;. I believe I opened a ticket similar to this about five months ago, and it was “fixed” in #83.

@majapw Any update on this? I can provide an example if needed but it’s quite simple to reproduce.

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Reactions: 1
  • Comments: 19 (9 by maintainers)

Most upvoted comments

I’m trying to think of whether the right approach is to have a withTether prop, or to have a TetheredDateRangePicker or to assume copying of the DRP contents. I feel like you likely wouldn’t have to copy everything because you wouldn’t necessarily need all the options, but I can understand the consternation.

@ljharb do you have any thoughts on this?

Nice, guys! Thank you so much for your support 😉