angular / angular/components

mat-dialog-content bottom edge scroll blocked on iPhone

Aperta
#15,995 11 commenti 1 reazione 0 assegnatari Vedi su GitHub
area: material/dialog help wanted P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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?

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con il Dialog di StackBlitz collegato, con intestazione, contenuto scorrevole e azioni, quindi analizza il comportamento dello scorrimento di mat-dialog-content su iPhone Safari. Il lavoro è completato quando lo scorrimento rimane reattivo dopo aver raggiunto uno dei due estremi, anche quando viene effettuato uno swipe aggiuntivo verso il fondo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.