Не может принести из списка предложений в модальном

Question

Я использую PrimeNG Автозаполнение внутри PrimeNG Диалог , и я перечисляю элементы ниже AutoComplete в этом диалоговом окне.

Я хочу сделать:

1. max-height из modal dialog равно 300, если общая высота добавленных элементов больше, чем у модального scrollbar должен быть видимым.

2. Если в списке нет элемента, список предложений AutoComplete's должен быть видимым в диалоговом окне.

Но когда я устанавливаю свойство overflow модального или нет, список предложений AutoComplete отображается внутри модального.Можно ли сделать 2 элемента, как показано ниже?Я также отображаю scrollbar, когда общее количество элементов в модале равно 10. Любая идея?

Вот стиль CSS:

body .ui-dialog {
    overflow-y: auto !important;
    max-height: 300px;
}

body.ui-autocomplete-panel{
    position: relative;
    z-index: 9998!important;
}