MultiSelect pulldown underneath

UI Components for React
Post Reply
Posts: 6
Joined: 18 Feb 2015, 17:14

23 Jun 2020, 16:38

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.

Posts: 4
Joined: 11 Jul 2019, 18:04

24 Jun 2020, 16:12

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

Posts: 6
Joined: 18 Feb 2015, 17:14

24 Jun 2020, 20:30

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

Posts: 4637
Joined: 29 Jun 2013, 12:38

11 Oct 2020, 00:53


Thanks a lot, @ebodner ;)

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests