angular / angular/components

[Table] Add inline editing for inputs

Abierto
#5,982 34 comentarios 189 reacciones 0 asignados Ver en GitHub
area: material/table feature P4
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?

Clicking on a text field should launch a simple edit dialog with an `md-input`. Hitting Enter would then close the dialog and save the input as the new value for the text field.

#### What is the use-case or motivation for changing an existing behavior?

This behavior is described in the Data Table section of the Material spec, found [here](https://material.io/guidelines/components/data-tables.html#data-tables-interaction), and would be useful to have as its own component.

#### Is there anything else we should know?

Accessibility is a real concern here, and there doesn't seem to be much discussion/affordance defined in the spec for possible solutions. The text field itself could be defined as a button with `aria-role="button"`, but that may be deceptive.

cc @andrewseguin @jelbourn

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza revisando la interacción solicitada y la especificación de tablas de datos de Material enlazada. Resuelve el enfoque de accesibilidad antes de identificar los puntos de entrada relevantes de la tabla y de la entrada; se considera terminado cuando los campos de texto abren un diálogo de edición, Enter guarda el nuevo valor y lo cierra, y la interacción es accesible.

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
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
30/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.