I’m working on a photo app in Ionic Capacitor that allows users to select photos from their gallery, or take new photos with their camera. When running the app in Chrome on an Android device, the camera is not functional.
When debugging the app locally (as suggested in this solution), I can’t even access the camera, I just get a “Camera Not Found” message and a button to choose an image from the gallery. But when the app is deployed to a static site (hosted on Azure), the camera opens up, and then becomes unresponsive after clicking on any of the UI buttons. After minimizing the Chrome tab and re-opening, the camera becomes responsive again.
Not sure if this is an issue with Ionic, Capacitor, Azure, my device (Google Pixel 4), or some combination. Has anyone encountered something similar, and if so, how did you implement a workaround?