Had to 'touch' a cell twice on mobile device instead of 1 click on windows

Had to 'touch' a cell twice on mobile device instead of 1 click on windows

Posted by: hoang.nguyen on 7 March 2018, 10:12 am EST

• 

  hoang.nguyen

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 7 March 2018, 10:12 am EST

  I had to ‘touch’ a cell twice on mobile device instead of 1 click on windows laptop to execute the click routine on my flexGrid in ionic angular 3. On any windows pc/laptop, the click event fires great. On iPhone/iPad, because there is not any mouse on it, I have to touch the same cell twice to fire the click event. Is there any fix or work round for this? Thank you very much.

  <wj-flex-grid #flex
      [autoGenerateColumns]="true"
      [showMarquee]="true"
      [selectionMode]="1"
      [headersVisibility]="1"
      [isReadOnly]="true"
      (click)="onClick(flex, $event)">
    </wj-flex-grid>
  

  onClick(s: wjGrid.FlexGrid, e: MouseEvent): void {
  	alert('cell is clicked');
  }
  

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 7 March 2018, 5:52 pm EST

  Sorry but we were unable to reproduce the bug at our end.
  
  We tried the following plnkr example on various android and iPhone5s, 6s

  http://plnkr.co/edit/phC2sOmvLmfmlCUzCqii?p=preview

  Please feel free to provide us any additional information that would help us replicate the issue at our end,

• 

  hoang.nguyen

  • Post Options:
  • Link
    Copy

  Posted 3 April 2018, 9:45 am EST

  Thank you abhishek very much for your respond. What I have found out is that if I click a cell on my laptop, it works fine. If I touch a cell on my iPad, it needs to be touched twice to work. The first touch will set focus to the cell, the second perform “click” action. If I extremely carefully touch it, one touch will work. The issue is “fat finger”. I can set rowHeight to be twice instead of “auto” as of now will resolve the issue. Is there another approach where I do not need to increase the rowHieght?

  Thank you very much.

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 3 April 2018, 8:50 pm EST

  Thank you sharing this scenario with us. I am sorry but currently we don’t have an alternate solution than the one you already figured out.

• 

  hoang.nguyen

  • Post Options:
  • Link
    Copy

  Posted 4 April 2018, 2:32 am EST

  thank you abhishek very much.