angular / angular/components

mat-dialog-content bottom edge scroll blocked on iPhone

Ouverte
#15,995 11 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
area: material/dialog help wanted P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par le Dialog StackBlitz lié, avec un en-tête, un contenu défilable et des actions, puis examinez le comportement du défilement de mat-dialog-content sur iPhone Safari. La tâche est terminée lorsque le défilement reste réactif après avoir atteint l’une ou l’autre extrémité, y compris lorsqu’un balayage supplémentaire est effectué vers le bas.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
42/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.