title: Drag start delay not working for mobile devices
body: <p>I added a timeout function to change the dragEnabled value on my div. The idea is to start dragging after the user holds down mouse or holds on mobile for 0.3s. Everything works fine on PC but on mobile the drag doesn't start for some reason. </p>
  
  <p>Can I work around this somehow?</p>
  
  <pre><code>&lt;div #jobElement dnd-draggable (onDragStart)="onDragStart(jobs, $event)" (onDragEnd)="onDragEnd(jobs, $event)" (drag)="onDrag($event)"
           (pointerdown)="highlightJob(jobElement, jobs, $event)" (pointerup)="unhighlightJob(jobs)" (pointermove)="clearHighlightTimer()"
           [dragEnabled]="jobs.jobs.length &lt; 2 &amp;&amp; !shiftService.shiftLocked &amp;&amp; jobs.draggable"
           [dragData]="['job', jobs, this.shift.unspecifiedJobs, this.shift.notRequiredJobs, this.shift.cancelledJobs]"&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Logic for changing dragEnabled:</p>
  
  <pre><code>highlightJob(jobElement, jobs, event) {
      if (jobs.jobs.length &lt; 2) {
        this.highlightTimer = setTimeout(() =&gt; {
          jobs.draggable = true;
        }, this.dragDelay);
      }
    }
  
    unhighlightJob(jobs) {
      this.clearHighlightTimer();
      jobs.draggable = false;
    }
  
    clearHighlightTimer() {
      if (this.highlightTimer) {
        clearTimeout(this.highlightTimer);
      }
    }
  </code></pre>