Wrong snack-bar width
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### 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?)
#### 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
Contributor guide
Research direction
Start at the snack-bar examples page and trace how the snack-bar chooses its responsive breakpoint, comparing the reported Breakpoints.Handset and Breakpoints.XSmall behavior. Reproduce the desktop sizing case from the issue, then verify that the snack-bar width no longer depends on the window height.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100