Progress spinner shakes when specifying a diameter.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Bug:
When specifying a diameter (16-32px) on the progress spinner the animation will eventually start to shake by a couple pixels as it animates. Using smaller diameters make it more noticeable. Using other components with animations (material inputs, etc.) makes it worse.
#### What is the expected behavior?
Progress spinner has a smooth animation that doesn't shake as it animates.
#### What is the current behavior?
Over time, the progress spinner will begin to shake up and down as it animates.
#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-material2-issue-xg5xgq
1) Load the stackblitz demo
3) Click on the input (trigger the label animation)
4) Click away from the input (return it to normal)
5) Watch for the progress spinner to shake.
6) The progress spinner animation will never recover.
#### What is the use-case or motivation for changing an existing behavior?
The issue appears worse the more material components are on the page. Currently, progress spinner is unusable in our app because the shaking is distracting and unpleasant.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular: 6.0.3
Material: 6.2.0
Chrome: Version 67.0.3396.79 (Official Build) (64-bit)
Beitragsleitfaden
Rechercherichtung
Beginne mit der verknüpften StackBlitz-Reproduktion und untersuche die Implementierung von progress-spinner, wobei du dich auf die durchmesserabhängige Animation konzentrierst, nachdem das input label ausgelöst wurde. Bestätige das Wackeln in der betroffenen Konfiguration und überprüfe, dass ein 16–32px großer Spinner flüssig bleibt, nachdem das Eingabefeld fokussiert und der Fokus wieder entfernt wurde.
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