Custom react-select filter for a column is not showing its dropdown in react-table

[niikkiin]

Hi! I've been trying to solve this problem since last week and I could really use some help with this one. In this sample codesandbox, my custom react-select filter for a column is not showing it dropdown, it should be on top of the body but instead, it's being cutoff inside the thead. Thanks in advance!

SANDBOX: https://codesandbox.io/s/react-table-custom-filtering-multiple-values-filter-forked-uej3jo?file=/index.js
Another example: https://codesandbox.io/s/react-select-dropdown-not-showing-in-react-table-custom-filter-rnefzh

[Mdakhib]

@niikkiin did you got any solution?

[niikkiin]

unfortunately, not yet. I haven't found a workaround for this.

[talatkuyuk]

It seems the problem belongs to the react-select, not to react-table. It may be simple CSS trick as well.
https://stackoverflow.com/questions/55830799/how-to-change-zindex-in-react-select-drowpdown

In any way, if you find any solution, waiting to see it..