Я новичок в интерфейсе материалов и React и не обнаружил других вопросов с этой комбинацией. Я пытаюсь разработать интерфейс Dialog Material с компонентом React-Select. Проблема заключается в том, что меню реакции выбора в диалоге скрыто компонентом действия диалога.
Мой Диалоговый Компонент
Эта строка под компонентом реагирования на выбор - это компонент «Бумага», отображаемый с помощью реакции выбора.
Я пробовал некоторые CSS-коды, такие как zIndex и позиции, но до сих пор не нашел способа показать меню или, лучше сказать, сделать меню (компонент бумаги) наложенным на компонент Dialog Action.
Мое диалоговое окно, содержимое диалогового окна и диалоговое действие использует следующее имя класса:
dialog: {
zIndex:0,
display:'flex',
flex:1,
flexGrow:1,
flexDirection:'column',
flexWrap: 'wrap',
height: 'auto',
},
Для меню (компонент бумаги), отображаемого компонентом реагировать на выбор, я пробовал следующие способы:
dialogPaper: {
zIndex: 0,
maxHeight:300,
position: 'absolute',
overflowY:'auto',
marginTop: theme.spacing(1),
left:0, right: 0
},
paper: {
zIndex: 1000,
maxHeight:300,
position: 'absolute',
overflow:'visible',
overflowY:'auto',
marginTop: theme.spacing(1),
left:0, right: 0
},
Мой код очень похож на разделы Material Docs:
Спасибо,
Ян