angular / angular/components

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

オープン
#14,417 コメント 1 件 リアクション 4 件 担当者 0 名 GitHub で見る
area: cdk/drag-drop P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、mat-grid-list マークアップと比率ベースの rowHeight を使って、リンク先の StackBlitz で問題を再現します。ドラッグプレビュー中の mat-grid-tile と drag/drop の相互作用を調査します。ドラッグされたタイルが元のタイルと同じ高さと幅の比率を維持すれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
42/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。