angular / angular/components

Consistent animation & UX between ExpansionPanel and Tree?

Abierto
#12,126 4 comentarios 5 reacciones 0 asignados Ver en GitHub
animation area: material/expansion area: material/tree feature material spec P5
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### 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?

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza comparando las páginas de ejemplo de Tree Widgets y Expansion Panel Widgets enlazadas en el issue; después, sigue el comportamiento de expansión/colapso del Tree widget y el comportamiento de animación correspondiente de ExpansionPanel. Se considera terminado cuando los cambios de visibilidad de los subárboles se animan y la transición del chevron coincide con la interacción de Material esperada, y los ejemplos muestran una experiencia coherente.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.