Popup hiding inside the table

[Fir-3]

Hi,

I had a issue when I use /react-data-table-component with react-select (issue is here). by the way i didn't find any solution in react-data-table-component package. but 'react-select' answerd my question (issue is here). this time I have same issue when I use /react-data-table-component with react-modern-calendar-datepicker

This is my issue.

I have a react-modern-calendar-datepicker component in my table it works fine when there are lots of data but when I search for a row/value inside the table or If I have 2 or 3 rows in my table, my popup hides inside the table. So can you help me with this, please?

Sandbox link

react: ^16.14.0
react-data-table-component: ^7.0.0-rc6
react-modern-calendar-datepicker: ^3.1.6

[mohammad6vakili]

Hi
your ref is lost.
you should set an extra prop for your Datepicker component and then you should set the prop value to your package component file and set it as ref to package component.
I think Kiarash should fix this issue but as I know he isn't support this package anymore.
so I think you should fix this issue yourself.

[aliforouzan]

in the parent component (with relative position) set the overflow CSS property to visible