angular / angular/components

Drag Drop: mat-grid-tile does not retain height when being dragged

Đang mở
#14,417 1 bình luận 4 reaction 0 người được giao Xem trên GitHub
area: cdk/drag-drop 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ả

#### What is the expected behavior?
When dragging an item in a list, element rendered next to the user's cursor should look exactly like the element that is being dragged.

#### What is the current behavior?
Height changes and becomes bigger when item is being dragged

#### What are the steps to reproduce?
I use Mat-Grid-List example available in the docs at https://stackblitz.com/angular/oegmxkolgyr?file=app%2Fgrid-list-overview-example.html

Just display it on one line because of "Drag Drop Sortable, mixed orientation support (#13372 )" bug and add drag/drop like this:

```

1
2
3
4

```

![image](https://user-images.githubusercontent.com/13022458/49636825-fbbb4480-fa03-11e8-96c9-9797e6b78953.png)

When rowHeight is set to a ratio, height of item being drag changes.

Any solution to keep height at correct ratio?

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 cách tái hiện sự cố trong StackBlitz được liên kết bằng cách sử dụng markup mat-grid-list và một rowHeight dựa trên tỉ lệ. Kiểm tra tương tác giữa mat-grid-tile và drag/drop trong quá trình xem trước thao tác kéo. Hoàn tất khi tile được kéo giữ nguyên tỉ lệ chiều cao trên chiều rộng như tile ban đầu.

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
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
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
42/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.