Popper. js перекрывает метку поля ввода

Question

Поппер. js перекрывает поле ввода material-ui, если размещение переворачивается на top. Как избежать наложения?

Код Поппера:

<Popper
   id={id}
   open={open}
   anchorEl={this.state.anchorEl}
   style={{ zIndex: 13001 }}
   disablePortal={true}
   modifiers={{
     name: 'preventOverflow',
      options: {
        padding: 0,
       },
     }}
 >
  {children elements} 
</Popper>

Answer 1

Чтобы решить эту проблему, используйте большее значение z-index для метки поля и меньшее z-index для элемента Popper.