
Camera does not rotate to landscape mode
I’m developing a web application using Next.js that requires image capture in landscape mode. While the camera feed works perfectly in portrait mode, an issue occurs when switching to landscape mode on Android devices—specifically in Firefox. The camera does not auto-rotate and continues to display in portrait orientation, resulting in abnormal behavior. I’ve attached a screenshot for reference. In the image, the bottle is actually standing straight on the table.
This issue does not occur on other browsers and appears to be Android-specific. The commonly suggested workaround involves rotating the camera feed using CSS and then rotating the captured image accordingly. However, this approach negatively impacts image quality and resolution, which is critical for our use case.
Any insights or support in resolving this would be greatly appreciated.