Flatpickr doesn't scroll properly

[info-chientran]

I'm working on a project where I added flatpickr to a modal. Whenever I scroll the modal scrolls as well but flatpickr remains on the same area relative to the background. See the screenshots for an example of what I mean

My code:

<div>
     <Flatpickr
         ref={endDateRef}
         className="flatpickr-input min-w-96 cursor-pointer border border-neutral-4 px-3 py-2 focus:border-neutral-1 focus:outline-none"
         placeholder="dd/mm/yyyy"
         onChange={(date) =>
             setEndDate(() => (date[0] ? formatDate('yyyy-mm-ddThh:mm:ss', date[0]) : ''))
         }
         options={{
             dateFormat: 'd/m/Y',
             minDate: startDate ? formatDate('dd/mm/yyyy', startDate) : 'today'
         }}
     />
 </div>

flatpickr version used: 3.10.13

[rtkmohantyrestaverse]

Hey Were able to solve this?
@info-chientran

[andreymakaroff]

The same problem(

[digiperfect-tech]

I could reproduce the issue. The solution (tested in v4) is to use "static: true" in the config.

 flatpickr("#datepicker-element", {
      static: true,
      // other options
}