Как предотвратить сенсорные события на псевдоэлементе в приложении React?

Question

У меня есть псевдоэлемент, который покрывает большую часть страницы.Я хочу, чтобы он закрывал меню после щелчка или касания, поэтому я использовал onClick={this.handleClick} для родителя.

Все отлично работает, кроме iPhone:
onTouch работает как клик - меню закрывается,
onTouchMove, onTouchEnd, onTouchStart начинает прокручивать контент под меню(псевдоэлемент).

Я хочу предотвратить прокрутку содержимого за меню.Как устранить это пузырьковое событие касания?

На Android работает просто отлично.

&::after {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    min-height: calc(100% - 25px);
    content: $default-content;
}