angular / angular/components

Wrong snack-bar width

Offen
#15,998 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: material/snack-bar material spec 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?

Valid snack-bar width.

#### What is the current behavior?

Snack-bar's **width** depends from window's **height** :) (this is because snack-bar uses `Breakpoints.Handset`, seems `Breakpoints.XSmall` is more suitable in this case?)

![2019-05-10_18-16-02](https://user-images.githubusercontent.com/1329824/57533894-daaea500-734f-11e9-8485-8e5fa641c667.gif)

#### What are the steps to reproduce?

1. Go to https://material.angular.io/components/snack-bar/examples
2. Set windows size like on gif
3. Press on Pizza

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

Desktop, Chrome/Firefox, Material: 7.3.7

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne auf der Seite mit den Snack-Bar-Beispielen und verfolge, wie die Snack-Bar ihren responsiven Breakpoint auswählt, wobei du das gemeldete Verhalten von Breakpoints.Handset und Breakpoints.XSmall vergleichst. Reproduziere den im Issue beschriebenen Fall der Desktop-Größenanpassung und überprüfe anschließend, dass die Breite der Snack-Bar nicht mehr von der Fensterhöhe abhängt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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