angular / angular/components

[Snackbar] Not visible if keyboard is displayed (touch devices)

Offen
#8,965 5 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/snack-bar P5
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Bug:
Snackbar is hidden when the virtual keyboard is opened.
Tested on iOS 11

#### What is the expected behavior?
Snackbar is placed on the bottom of visible screen, above keyboard

#### What is the current behavior?
Snackbar is placed on behind keyboard, not visible

#### What are the steps to reproduce?
Stackblitz Editor: https://stackblitz.com/edit/angular-material2-issue-brodsj

0. Open https://angular-material2-issue-brodsj.stackblitz.io on a touchscreen device with virtual
keyboard.

Case 1:
1. Tap "Open snackbar" link
2. Keyboard is displayed hidding the snackbar

Case 2:
1. Tap "Open same snackbar" button -> The snackbar is displayed and visible
2. Tap "The placeholder" input field -> Keyboard is displayed hidding the snackbar

#### What is the use-case or motivation for changing an existing behavior?
We want to notify the user from some action AND request immediate input.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 5+

#### Is there anything else we should know?
Tested on iOS11, Safari

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der verknüpften StackBlitz Editor-Reproduktion und überprüfen Sie beide Snackbar-Fälle auf einem iOS 11 Safari-Touchscreen bei geöffneter virtueller Tastatur. Verfolgen Sie die Angular Material Snackbar-Implementierung aus der Reproduktion und bestätigen Sie anschließend, dass die Snackbar am unteren Rand des sichtbaren Bildschirms oberhalb der Tastatur sichtbar bleibt.

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
35/100

Neue Issues direkt in Ihr Postfach

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