JS ArrowDown addEventListener для нескольких элементов в цикле (демонстрация)

Иметь следующий прослушиватель для события клавиатуры ArrowDown (его код клавиши - 40 ):

window.onload = function() {    
var itemsContainer = document.getElementById('cities-drop');
document.addEventListener('keyup',function(event){
if (event.keyCode == 40 && itemsContainer.style.display=='block') {
event.preventDefault();
    for (var i=0;i

в данном случае зависает ] переходит к последнему элементу в списке после нажатия ArrowDown .


Если break раскомментирован, он переходит ко второму элементу и больше не прыгает.


Не могу понять принципа, что слушатель всегда слушает ...

РЕДАКТИРОВАТЬ живую демонстрацию
возможно, это вопрос закрытия, но я не уверен