Consistent animation & UX between ExpansionPanel and Tree?
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### Bug, feature request, or proposal:
feature request
#### What is the expected behavior?
ExpansionPanel has pleasant default animations when the panels expand and shrink and the expand_more/chevron_right indicators rotate. I expected the new tree widget to have a consistent user experience as the other Material components.
#### What is the current behavior?
The subtrees hide and reveal without animation, which is a more jarring UX. Also, the transition of the chevron doesn't animate. (Perhaps it could be made to with additional coding, but ExpansionPanel doesn't require it.)
#### What are the steps to reproduce?
Compare the sample pages between the [Tree Widgets](https://material.angular.io/components/tree/examples) vs. [Expansion Panel Widgets](https://material.angular.io/components/expansion/examples)
#### What is the use-case or motivation for changing an existing behavior?
When I play with hide/show on the expansion panel and compare that to hide/show on a subtree, it just doesn't feel like a consistent user experience. Given (1) how much Material Design emphasizes motion to guide users through spatial relationships, and (2) how there are default animations for ExpansionPanel, Stepper, and Tabs, it really makes Tree appear the oddball out.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 6.0.7
Material 6.3.3
#### Is there anything else we should know?
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par comparer les pages d’exemple Tree Widgets et Expansion Panel Widgets liées dans l’issue, puis suivez le comportement d’expansion/réduction du Tree widget ainsi que le comportement d’animation correspondant de ExpansionPanel. Le travail est considéré comme terminé lorsque les changements de visibilité des sous-arbres sont animés et que la transition du chevron correspond à l’interaction Material attendue, les exemples offrant une expérience cohérente.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Fonctionnalité
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 38/100