потому что
@media @tablet {
padding: 0 9px 0 27px;
display: none;
margin-right: 0;
pointer-events: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
при уменьшении размера накладывается
pointer-events: none;
и вложенные
<a class="tags__item" href="#0">First element</a>
<a class="tags__item" href="#0">Second element</a>
<a class="tags__item" href="#0">Third element</a>
перестают реагировать на события.
Ближайший элемент реагирующий на click оказывается div#tags, который собственно этот клик и ловит.
На линках кстати и курсор перестает становиться pointer, как только срабатывает @tablet
