angular / angular/components

[Table] Add inline editing for inputs

Ouverte
#5,982 34 commentaires 189 réactions 0 personnes assignées Voir sur GitHub
area: material/table feature P4
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?

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par examiner l’interaction demandée et la spécification Material liée des tableaux de données. Déterminez l’approche d’accessibilité avant d’identifier les points d’entrée pertinents du tableau et de la saisie ; le travail est considéré comme terminé lorsque les champs de texte ouvrent une boîte de dialogue de modification, que Enter enregistre la nouvelle valeur et la ferme, et que l’interaction est accessible.

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é
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
30/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.