MultiSelect pulldown underneath

[Skullsplitter]

I am using PrimeReact 4.2.2. I have a DataTable with MultiSelect filters in columns like the Representative column in the DataTable example on the PrimeReact website. Unfortunately, my MultiSelect pulldown hides behind the next row(s) in the table. I have tried position: fixed and many z-index settings as high as z-index: 1000000. Changing the MultiSelect to a Dropdown does not change the result. Any help would be greatly appreciated.

[ebodner]

Did you try setting the property appendTo={document.body} on the MultiSelect component?

[Skullsplitter]

Nope. I tried it and it worked! Thanks a lot! I was even trying to get things to work with setting opacity to < 1.

[mert.sincan]

Hi,

Thanks a lot, @ebodner

Best Regards,