Dash Mantine Components MultiSelect

Dash Python
1

Hey. i want to use the MultiSelect Component inside a dbc.Offcanvas. But the content of the dropdown is always behind the offcanvas. Is there anything i can do for it?

Best regards!

2

Try playing with the zIndex property in MultiSelect. It should be higher than what dbc.offcanvas has. I am on phone right now so can’t check the value for offcanvas, but you can start with zIndex=100.

PS: Give dmc.Drawer a try.

1 Like
3

Worked perfectly!

1 Like
4

Just to tag on here, have spent a bit of time this morning getting dmc.MultiSelect working inside a dmc.Drawer with a high zIndex

  • dmc.MultiSelect no longer has a zIndex property in DMC 0.14
  • What seems to be needed now is:
styles={"dropdown":{"z-index":"10002"}},

(further edit)
… or (probably better?)

comboboxProps={"withinPortal": False}
1 Like