Очень простая ссылка со значком SVG внутри только щелкается, если вы нажимаете или вкладываете вне элемента значка на мобильных устройствах.
<a uk-icon="triangle-right" rel="nofollow" href="/som/url" class="uk-button uk-button-primary uk-text-nowrap"></a>
При анализе UIkit это превращается в:
<a uk-icon="triangle-right" rel="nofollow" href="/som/url" class="uk-button uk-button-primary uk-text-nowrap uk-icon" aria-expanded="false"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="triangle-right"><polygon points="8 5 13 10 8 15"></polygon></svg></a>
Проблема в том, что при нажатии этой кнопки на мобильных устройствах очевидно, что нажимается SVG, а не ссылка, поэтому ничего не происходит. Это происходит особенно на устройствах iOS. Ничего не изменится, если я изменю это на элемент Button. Это очень тривиальная настройка из документации UIkit.
Что я делаю не так?