Полоса прокрутки CSS в фиксированном модальном окне

Question

У меня есть простое модальное окно, которое я создал, содержащий список персонала в дабасе. Проблемы в том, что это фиксированное модальное окно, когда я динамически добавляю больше имен в список, диалоговое окно выходит за пределы окна окна браузера, но полосы прокрутки не активируются? Как мне отображать полосы прокрутки, когда они расширяются по виду окна? Я помещаю фотографии моего затруднительного положения ниже и CSS. Я ценю любые советы, которые могут возникнуть у людей в решении этой проблемы.

И мой CSS для модального окна:

.modalPersonResp{ 
    background-color: white; 
    position: fixed; 
    top: 10%; 
    left:25%; 
    height:auto; 
    width: 50%; 
    z-index: 1000; 
    padding-right: 0%; 
    padding-left:0%; 
    padding-top: 0%; 
    padding-bottom: 1%; 
    border-radius: 10px; 
} 

Answer 1

Установки фиксированной высоты и регулировки настроек переполнения в вашем CSS должны исправить поведение: переполнение

.modalPersonResp{ 
    background-color: white; 
    position: fixed; 
    top: 10%; 
    left:25%; 
    height:80%; 
    width: 50%; 
    z-index: 1000; 
    padding-right: 0%; 
    padding-left:0%; 
    padding-top: 0%; 
    padding-bottom: 1%; 
    border-radius: 10px; 
    overflow: scroll; 
}