Stuck on a black screen after picking an image when running iOS app

We are having a strange issue in our iOS app, we are running iOS app with ionic capacitor angular project. Here we are using the input element with type file. <input type="file" accept="image/*" formControlName="profileImage" #profileImage (change)="profileImageUpload($event)" />

So Here when we click on upload file, in iOS physical device we got option to capture the image from camera , we capture the image and click on Use Photo, after clicking that we see a black screen on which we can not navigate to anywhere. If we select the library then it is working fine.

We tried the @capawesome/capacitor-file-picker plugin as well and use the below element <ion-button expand="block" (click)="pickImages()" #profileImage>Pick Images

In this case as well when we select the image and click on Use Photo, we see a black screen, one more thing we notice we are getting the image data in the click method (pickImages) but we are stuck on a black screen, so we are not able to see the selected image on our page.

we tried adding the file picker plugin but the problem is still there.

Continue reading...