angular / angular/components

[Table] Add inline editing for inputs

Đang mở
#5,982 34 bình luận 189 reaction 0 người được giao Xem trên GitHub
area: material/table feature P4
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng việc xem xét tương tác được yêu cầu và đặc tả bảng dữ liệu Material được liên kết. Xác định phương án accessibility trước khi xác định các điểm bắt đầu liên quan của bảng và input; công việc được xem là hoàn tất khi các trường văn bản mở hộp thoại chỉnh sửa, Enter lưu giá trị mới và đóng hộp thoại, đồng thời tương tác có thể truy cập được.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
30/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.