Customize dropdown container

[ghost]

It is not possible to add any styles or classes to the very first wrapper of dropdown menu. I`m having an issue, when I need to change menu zIndex, because it is hidden by page contents

[Macil]

Is it SubMenuItem that you're using? Did you try its menuZIndex prop?

[ghost]

Dropdown or MenuList whatever it is, the first div with absolute coordinates for menu

[Macil]

The Dropdown component is meant to be used with SubMenuItem or MenuButton (which both use react-float-anchor to create a floating element with a z-index property for the Dropdown to be rendered into). Dropdown isn't meant to be used on its own.

[ghost]

The following screenshot shows div which I need to customize

I`m rendering menu this way, and it works
On which component should I add your prop?

renderMenu(menu) {
    return <Dropdown>
      <MenuList>
        {
          menu.map(item => item.children ? this.renderSubmenu(item) : this.renderMenuItem(item))
        }
      </MenuList>
    </Dropdown>;
  }

  renderSubmenu(submenu) {
    return <SubMenuItem key={submenu.id}>
      // children
    </SubMenuItem>;
  }

  renderMenuItem(item) {
    return <MenuItem key={item.id}>
      // children
    </MenuItem>;
  }

I`m having multilevel menu

[Macil]

What component is that element?

Only MenuButton and SubMenuItem contain an element with position:fixed if I remember right, so if that element is a react-menu-list component, I assume it's one of those. You can use the menuZIndex prop on those.

[Macil]

I'm closing the issue because I don't believe there's a problem with react-menu-list here. Feel free to reply if you still need help.