ngf-select and ng-click Don't work together on iphone

[case12]

On iphone when I tap the element that contains the ng-file-upload directive, I get the system dialog to either take a picture or choose from library, but ng-click never gets processed.

On mac when I click the element, I get the system dialog to choose a picture, and ng-click does get processed.

  button.upload(
      accept="image/*"  
      ng-if="uploadImages.enabled"
      ng-click="onUploadClick()"
      ng-class="{'post-picture-button': postPicture.show}"
      ng-model="uploadOverlay.file"
      ngf-pattern="image/*"
      ngf-select="uploadFile($file)"
      ngf-resize="getUploadResizeOptions()"
    )

Any alternatives I can use? Known issue?

[danialfarid]

Why do you need ng-click on the upload button?

[case12]

Using analytics to know when the user pressed that button.

[danialfarid]

You can use ngf-change or ngf-before-model-change to handle that case.

[case12]

That works if they change the model. Not if they cancel.

[danialfarid]

Would it make a difference if you use input type file?

[case12]

Doesn't make a difference. I guess this is hapepning because when ios brings up it's system menu it pauses the javascript events in my website?

[danialfarid]

Fixed at 12.2.5

[case12]

Thanks!

[shanthakumarf22]

@danialfarid : still have same issue. 12.2.5/12. any idea?

[pns2050]

Had the same issue on Microsoft Edge

Used this dirty trick to make it work

onclick=angular.element(document.getElementById('elementId')).scope().myfunction();