angular / angular/components

Support providing multiple drag placeholders

Offen
#14,539 7 Kommentare 22 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop feature needs: discussion P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Please describe the feature you would like to request.
Currently there is one type of place holder, the one that's defined with the `*cdkDragPlaceholder` directive.
However the destination container might display the `cdkDrag` item different than the original container.

You can see the issue in here:
https://stackblitz.com/edit/angular-terlwz

If you'll try to drag to the done list the place holder there doesn't show the right layout of the component if it would be dropped.

#### What is the use-case or motivation for this proposal?
I need to take item from one container with a certain layout, and drop the element in other container with different layout. since the layout is different and the way the drag item is viewed in the container is different I suppose the place holder also need to be different.

#### Is there anything else we should know?
I'm also using the drag preview for other feature so I can't use it here.
Maybe the container itself should accept a template for rendering an element that is about to be added.

What do you think?

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Verhalten im verlinkten StackBlitz-Beispiel zu reproduzieren und die Drag-Placeholder-Direktive sowie das Verhalten des Zielcontainers zu untersuchen. Die Aufgabe ist erledigt, wenn ein gezogenes Element ein für den Container, in den es verschoben wird, geeignetes Placeholder-Layout verwenden kann, ohne sich auf die vorhandene Drag Preview zu stützen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.