angular / angular/components

mat-dialog-content bottom edge scroll blocked on iPhone

Offen
#15,995 11 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: material/dialog help wanted P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem verlinkten StackBlitz Dialog mit Kopfzeile, scrollbarem Inhalt und Aktionen und untersuche anschließend das Scrollverhalten von mat-dialog-content auf iPhone Safari. Erledigt ist die Aufgabe, wenn das Scrollen reaktionsfähig bleibt, nachdem ein beliebiger Rand erreicht wurde, einschließlich dann, wenn ein zusätzlicher Wisch in Richtung des unteren Randes ausgeführt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.