Pinch zooming gestures breaking overlay on Android (Brave) and iPad (Safari)
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
iPad Safari と Android Brave を使って Shepherd のデモで問題を再現し、その後、overlay による pinch zooming と visual-viewport の変更の処理を追跡します。完了の条件は、タッチデバイスでのズーム後も overlay がドキュメントに対して整列したままで、その外側の操作を引き続き防ぎつつ、Chromebook とデスクトップですでに機能している動作を維持することです。
索引モデルが issue の本文から書いたものです。
説明
Version: 11.2.0
Devices: iPad (iOs safari), Android (on Brave)
Pinch zooming on touch devices are causing problems with the overlay, where
the overlay rectangle stays locked to the top left of the layout viewport (this is the main problem), and is the size of the visualviewport (this is fine).
But because the overlay is not moving, part of the document does not have the overlay, which allows you to interact with this part of the document (despite it disallowing pinch and pan gestures), plus the overlay looks weird.
on desktop devices, when you change the zoom level (by doing ctrl+scrolling) the overlay seems to fix itself, but this process does not seem to happen on these touch devices.
This happens on https://shepherdjs.dev/ as well.
On a Chromebook, pinch zooming seemingly works correctly.
- 主要言語
- JavaScript
- スター
- 13.8k
- フォーク
- 658
- 平均マージ
- 7日 5時間
- マージ済み PR（30日）
- 18
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
shipshapecode/shepherd のほかの issue
-
Docs: rendering framework components as step content, and why DOM injection belongs in when.show オープンdocumentation
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
shipshapecode/shepherd#3479 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3505 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3484 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 52/100
shipshapecode/shepherd#3478 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
shipshapecode/shepherd#3442 · コメント 1 件 · リアクション 2 件 ·
shipshapecode/shepherd の issue をすべて見る
似ている issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·