Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#39 コメント 5 件 リアクション 0 件 担当者 1 名 GitHub で見る

@theproducer がすでに取り組んでいます。

2026年1月13日 から。

評価

この issue はまだ評価されていません。

説明

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

主要言語
TypeScript
スター
6
フォーク
3
平均マージ
2日 13時間
マージ済み PR(30日)
3

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

ionic-team/capacitor-camera のほかの issue

ionic-team/capacitor-camera の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。