Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

@capacitor/camera - PWA in iOS: Camera rotate in landscape mode and bad quality of photo

Aperta
  • Qualcosa non va?
#39 5 commenti 0 reazioni 1 assegnatario Vedi su GitHub

@theproducer ci sta già lavorando.

Dal 13/1/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

Capacitor Version

npx cap doctor
Capacitor Doctor

Latest Dependencies:

@capacitor/cli: 8.0.0
@capacitor/core: 8.0.0
@capacitor/android: 8.0.0
@capacitor/ios: 8.0.0

Installed Dependencies:

@capacitor/android: not installed
@capacitor/ios: not installed
@capacitor/cli: 4.7.3
@capacitor/core: 4.7.3

FYI: we are working with web version only

Other API Details
node -v
v22.20.0
 
npm -v 
10.9.3
Platforms Affected
  • iOS
  • Android
  • Web
Current Behavior

I noticed that since IOS 18 (didn't test for versions before), picture rotation and quality degradation

happens after the picture is taken when the IPad is in landscape mode : In fact, when you turn the IPad in landscape mode the camera turn also but the width is smaller than expected and after you click on the take picture button, then you see the image rotated 90 degree before even you confirm it.

In addition, when you take a picture with the camera, before clicking on the "take picture" button, the image is of standard quality. Once you confirm, it's getting darker and cropped.

Here is screenshots for portrait mode which is OK and landscape mode which is KO:

Portrait before confirm:
Image

portrait after confirm:
Image

Landscape before confirm:
Image

Landscape after confirm:
Image

Expected Behavior

The camera should behave like the native app of IOS do, when you turn to landscape and also when you go back to portrait mode

Project Reproduction

The issue could be reproduced by any PWA application that uses the camera: for example try https://85m2c-5173.csb.app/tab1/ in IOS device and you will be able to reproduce the issue

Additional Information

The issue is the same in web browser or installed mode.
It is also present for PWA app with react, angular or any other language

Lingua principale
TypeScript
Stelle
6
Fork
3
Merge medio
1h 13m
PR unite (30g)
1

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ionic-team/capacitor-camera

Tutte le issue di ionic-team/capacitor-camera

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.