Как сделать рабочими ссылки в селекте?

Question

[olya095]

добавила в 3 пункт ссылку
кликаю по лишке - нет перехода по ссылке
https://jsfiddle.net/Ltvc4rpj/

Answer 1

[Олег Барабанов]

Как вариант, попробуйте использовать в событиях stopPropagation

Ваш пример на codepen

Comments

[olya095]

Олег Барабанов, после выбора нужно еще кликать в выбранный элемент. А сразу переход можно разрешить? в этом суть...

[Олег Барабанов]

olya095, В моем примере, если вы в списке сразу кликнете непосредственно по ссылке - переход произойдет.

Соответственно, если вам надо сделать нажатие по всей строке:

Тогда достаточно делать внутренние ссылки блочными элементами. Например:

.select__item a {
...
  display: flex;
  width: 100%;
  height: 100%;
...
}