Почему не нажимается ссылка если внутри есть span?

Question

[Никита]

На моем сайте имеется ссылка внутри которой span элемент:


На ссылке имеется display: flex.
На дочернем элементе стилей нет.

Проблема в том что при клике по тексту (желтая область), ссылка не срабатывает:


Это очень странно для меня, т.к на сайте есть более сложные конструкции внутри ссылки и у этих блоков везде срабатывает ссылка:

Comments

[VoidVolker]

localhost3310 Правила 3.8.

[Rsa97]

А не этом span'е, случаем, не висит обработчик клика с preventDefault? Или стиль с pointer-events: none;?

[Сергей delphinpro]

Rsa97, такой стиль наоборот поможет

Answer 1

[nwbck]

Как вариант, если не поможет pointer-events: none;
на внутренний < span >, сделать у ссылки псевдоэлемент и дать ему стили

a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

и самой ссылке position: relative;
Тогда ссылка точно всегда будет поверх кнопки на всю ширину-высоту.
P.S. То, что на втором скрине, по идее не совсем корректно, в ссылку нельзя такие конструкции вкладывать.

Comments

[Никита]

Спасибо, pointer-events: none; на span помог.