angular / angular/components

mat-dialog-content bottom edge scroll blocked on iPhone

オープン
#15,995 コメント 11 件 リアクション 1 件 担当者 0 名 GitHub で見る
area: material/dialog help wanted P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### What is the expected behavior?
Scroll at the edges(bottom edge, top edge) of dialog content not blocked..

#### What is the current behavior?
When I test your example Dialog with header, scrollable content and actions - on iPhone - and I scroll and reach the bottom of the scrollable content - when I by accident try to scroll once more towards the bottom - the scroll becomes unresponsive and I cant scroll up or down until I wait one second or more and try to scroll again towards the top...

#### What are the steps to reproduce?
https://stackblitz.com/angular/nqvvaaopbel?file=app%2Fdialog-content-example.ts
Scroll till the bottom end, and when You reach the bottom and scroll bar dissapears - try to scroll again towards bottom - at that moment scroll is blocked (off course you cant scroll towards the bottom because you reached the end - BUT at that moment you ALSO CANT SCROLL TOWARDS THE TOP and seems like scroll is unresponsive until you stop touching the screen for a short time - for example 1second (or little bit less maybe)...

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
I tested it on IPhone, Safari, version 12.1...

#### Is there anything else we should know?

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

ヘッダー、スクロール可能なコンテンツ、アクションを備えたリンク先の StackBlitz Dialog から始め、その後 iPhone Safari での mat-dialog-content のスクロール動作を追跡してください。どちらかの端に到達した後もスクロールの応答性が維持され、下方向に追加のスワイプを行った場合も含まれることが完了の条件です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
42/100

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

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