category-transaction-list.component.ts

category-transaction-list.component.ts

  /* 
    For avoiding clicks on mouse up after HammerJS long press.
    This event is triggered right before (click) to ensure we will not trigger click on long press.
  */
  preventClickAfterLongPress(event: MouseEvent) {
    const element = event.target as HTMLElement;
    // needs to add class directly so it is applied before click event
    element.classList.add('prevent-pointer-events');
    setTimeout(() => {
      element.classList.remove('prevent-pointer-events');
      // after 50ms we are sure the "click" event was fired and ignored,
      // so we can revert the class name back
    }, 50);
  }