Модальная прокрутка начальной загрузки не работает, когда внутри нее находится навигационная вкладка

просто добавьте переполнение: прокрутите до класса modal-dialog-scrollable .modal-content

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: scroll;
}

Добавьте высоту с px в .modal-body

    #add_wishlist_Modal .modal-body{
  height:150px;
}

проблема в том, что вы ставите тег <form> перед модальными тегами!

вы обновили здесь

https://jsfiddle.net/8sjkzb30/

Попробуйте добавить это в свой класс css:

 scroll {
    overflow: scroll
    overflow-x: hidden
    max-height: 850px
    }

меня устраивает....