angular/components

mat-dialog-content bottom edge scroll blocked on iPhone

Open

#15.995 aperta il 10 mag 2019

Vedi su GitHub
 (11 commenti) (1 reazione) (0 assegnatari)TypeScript (6650 fork)batch import
P4area: material/dialoghelp wanted

Metriche repository

Star
 (24.044 star)
Metriche merge PR
 (Merge medio 2g 16h) (80 PR mergiate in 30 g)

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 contributor