Отбойный молоток JS не работает для сенсорного экрана?

Question

Я пытаюсь реализовать функциональность в приложении Angular 5 , если вы нажмете и удерживаете кнопку , кнопка начнет увеличивать значение 1,2,3,4 ... какдо тех пор, пока вы не нажмете к этой кнопке.

Это хорошо работает, если вы нажали и удерживали с помощью мыши, но когда я попробовал с сенсорным устройством иногда это работает, иногда нет.

Я отладил его, и проблема в том, что он не может обнаружить нажатие, если вы нажали и удерживали в течение длительного времени.

Вот моя реализация

 <button id="btn-legend-decrease" (press)="mouseOnPressedDe($event)" (pressup)="mouseOnStop($event)">
      <mat-icon aria-label="Decrease scale" color="primary">remove</mat-icon>
    </button>

    <button id="btn-legend-increase"  (press)="mouseOnPressedIn($event)" (pressup)="mouseOnStop($event)">
      <mat-icon aria-label="Increase scale" color="primary">add</mat-icon>
    </button>

Есть идеи, как реализовать эту функцию в Angular?

Спасибо