Я пытаюсь объединить автозаполнение из angular материала в ng- bootstrap модальное поле . Я ожидал, что откроется модальное окно, и когда пользователь введет текст в поле, произойдет автоматическое заполнение материала и отобразятся результаты. Вместо этого автозаполнение отображается в затемненной области за модальной. Половина кнопок скрыта самим модалом, и когда вы щелкаете по другой половине в заштрихованной области, модальное окно просто закрывается (ожидается, что это произойдет при нажатии за заштрихованную область). Используя кнопки вверх и вниз и клавишу ввода для выбора, автозаполнение работает. Единственная реальная проблема заключается в том, что она стоит за модалом.
В качестве примера я сделал это stackblitz demo . При нажатии на кнопку открывается модальное окно. Когда вы щелкаете в поле ввода, возможные варианты отображаются angular материалом.
Я думал, что позиционирование поможет или z-index, но я не нашел решения с этим. Я предпочел бы использовать модальную коробку bootstrap вместо материальной, поэтому я бы предпочел не переключаться.