Проблема с onClick в React. На десктопах работает очень хорошо, на мобильном не работает

Question

как и вверху, у меня проблема с onClick, он не работает на мобильных устройствах.

{buttonSkills.map((item, i) =>
   <Button key={i} variant={item.variant} onClick={() => filterIcons(`${item.className}`)}>{item.name}</Button>
)}

вы можете увидеть это https://retupk.github.io/presentation/# /

нажмите F12 и увидите, что на мобильных кнопках («Wszystko», «Front-End» и c ..) в разделе навыков в самом низу не работает

вот полный код моих навыков раздел: https://github.com/RetupK/presentation/blob/master/src/containers/skills/Skills.js

Кто-нибудь знает, почему мой onClick не работает на мобильных устройствах?

Answer 1

У вас есть контейнер со следующим css по всей странице, который получает все события кликов:

.header-main-container {
z-index: 9999
}

Если вы удалите его, вы щелкнете мышью.