ItemsOnPage and Column Visibility Popovers do not work correctly with dialog

[JustAPowerWorker]

mantine-react-table version

v2.0.0-beta.1

react & react-dom versions

v18.0.2

Describe the bug and the steps to reproduce it

For one type of component we are using Mantine React Table in dialog component (as shown in screenshots). Problem is that context menus aka Popovers of the table for changing items on page and switching on/off columns.

I am using <dialog> as a wrapper for modal, some <div> inside to divide contents, header, footer.

I already tried to play with z-index on dialog, mantine-react-table, wrappers and even the popover themselves. It is not reacting on changing position: fixed, display settings, z-index or even changing it to position: absolute.

dialog overlay is done by :backdrop as is should be per dialog HTML component itself, it is not separate div

Minimal, Reproducible Example - (Optional, but Recommended)

`

{here goes mantine-react-table}

`

-Set dialog with backdrop

Screenshots or Videos (Optional)

Do you intend to try to help solve this bug with your own PR?

None

Terms

• [X] I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[alessandrojcm]

Hi could you please post a minimal repro? Not sure how should I reproduce this locally. Thanks.

[alessandrojcm]

Closing due to inactivity, please feel free to reopen.