unable to drag drop with dragula on ios ionic2

Question

I have implemented drag drop using dragula [ng2-dragula]. It works perfectly in browser, however when I run this app on iphone it doesn't work.

<ion-card>
    <ion-card-content style="white-space: nowrap; overflow: auto;">
      <span *ngFor="let word of codeStream;let i = index">        
        <div *ngIf="word.indexOf('??') != -1 && droppableModels[i].length==0" class="blanks-bag" [dragula]="'option-bag'" [dragulaOptions]="dragulaOptionsNonDragable" [dragulaModel]="droppableModels[i]">

        </div>
        <span *ngIf="word.indexOf('??') != -1 && droppableModels[i][0]">
          {{droppableModels[i][0].text}}
        </span>
        <span *ngIf="word == '\t'">&nbsp;&nbsp;&nbsp;&nbsp;</span>       
        <span *ngIf="word == '\n'"><br style="clear:both;"/></span>
        <span *ngIf="(word.indexOf('??') == -1) && (word != '\t') && (word != '\n')" class="word-bag">{{word}} </span>
      </span>
    </ion-card-content>
  </ion-card>  
  <ion-card *ngIf="fillBlanksObj.options.length > 0">
    <ion-card-header>
      Options
    </ion-card-header>
    <ion-card-content style="white-space: nowrap; overflow: auto;">
      <div class="options-bag" [dragula]="'option-bag'" [dragulaModel]="fillBlanksObj.options">
        <span class="option" *ngFor="let option of fillBlanksObj.options">
          {{option.text}}
        </span>
      </div>
    </ion-card-content>
  </ion-card>

I can't seem to find any open issues on ng2-dragula for ios but not sure why its not working on iphone [iphone 6, ios 11.1].