Валентин В.

Указывай в якорях атрибут href точнее. В исходоном примере большинство якорей "Перейти к a1" написаны с атрибутом href="#d" - ожидается, что будет идентификатор секции, то есть #a1
https://codepen.io/VTin/pen/QRJKNP

В действительности проблема с "резким" закрытием окна на самом деле связана с событием mouseup, срабатывающим на элементе из списка выбора. Может показаться, что при клике происходит безконтрольное резкое закрытие, на самом деле после события mousedown панель появляется и при попадании курсора над элементом списка при отпускании клавиши мыши происходит mouseup и соответствующий выбор. Если чуть-чуть задержать щелчок, можно увидеть этот эффект, можно увести мышь или перевести на другое значение.

Вариант исправления через css задержку не плохой.

Еще можно попробовать что-то такое

$("body").on("mouseup", ".active-result", function() { 
  $(".chosen-container-active").removeClass('chosen-container-active')
})

Ну или переопределить реакцию Choosen на mousedown, переключить её на click или mouseup, чтобы не возникало двух событий подряд

внешний блок имеет класс row
<div class="row">...</div>

в css класса .row указан display: flex

.row {
    display: flex;
    flex-wrap: wrap;
    ...
}

соответственно внутренние элементы ведут себя почти как инлайновые (на самом деле не совсем)

чтобы исправить на обычное блочное поведение нужно убрать класс row из внешнего блока