Toast messages occluded by page elements such as text boxes
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
まず、Capacitor.Plugins.Toast.show とフォーム入力やその他の PWA 要素を含むページを使って、ブラウザーコンソールで問題を再現します。ページ内のスクロールする要素に対してトーストがどのように重なっているかを確認します。トーストが表示時間全体にわたってそれらの要素の上に表示され、他の点では遮蔽の動作が変更されていなければ完了です。
索引モデルが issue の本文から書いたものです。
説明
I'm submitting a ...
[x] bug report
[ ] feature request
Current behavior:
When firing a toast message, some page elements are not covered properly by the toast. Instead, those elements cover the message!
In the example above, the elements are not set to unusual z-index values or anything.
Expected behavior:
The Toast message, since it is ephemeral, should cover just about everything. I think it should have some transparency in it's backdrop, which should help if anything underneath it needs to be seen.
Steps to reproduce:
In your browser console try sending a toast on a page with PWA elements:
window.Capacitor.Plugins.Toast.show({ text: "Here's a long Toast message. You can see under me, but if you scroll the page, some elements cover me up!", duration: '10000'}).then();
Then attempt to scroll elements past it, such as form input elements (like those pictured above).
Potential solution
Increase Toast Z-index?
- 主要言語
- TypeScript
- スター
- 171
- フォーク
- 50
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
ionic-team/pwa-elements のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 45/100
ionic-team/pwa-elements#135 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
ionic-team/pwa-elements#133 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 55/100
ionic-team/pwa-elements#129 · コメント 5 件 · リアクション 17 件 ·
-
Unable to use in esm package. Module not found: Can't resolve '@ionic/pwa-elements/loader/index.js'オープン
難易度 3/5 1〜2日 初心者へのやさしさ 38/100
ionic-team/pwa-elements#128 · リアクション 10 件 ·
-
feat: Possibility to translate in the camera plugin when it does not exist.対応中かも @imfms が 1735 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 48/100
ionic-team/pwa-elements#113 · コメント 3 件 ·
ionic-team/pwa-elements の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
polarsource/polar#15580 ·
メンテナーはふだん 1 日以内に返信
-
accepted bug via-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 69/100
pingdotgg/t3code#20931 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
bug/1-unconfirmed kind/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 83/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
ranxianglei/billion-context#3583 ·
メンテナーはふだん 1 日以内に返信