angular / angular/components

cdkDrag override transform styles

Offen
#18,143 4 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/drag-drop P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
When I have transform style on my draggable element, after dragging the transform style will remain.

#### What is the current behavior?
When I have transform style on my draggable element, after start dragging the transform style is overridden.

#### What are the steps to reproduce?
For example add `transform: rotate(45deg);` to `.example-box` here:
https://stackblitz.com/angular/lkdvnnkjmlq?file=src%2Fapp%2Fcdk-drag-drop-overview-example.css
You can notice that after dragging the rotate will disappear.
But, if you will add the `transform: rotate(45deg);` in `style` attribute you will see that the expected behavior is achieved.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular/cdk/drag-drop 8.2.3

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der verlinkten StackBlitz-Reproduktion und untersuchen Sie die Angular CDK drag-drop-Verarbeitung für die transform-Eigenschaft von .example-box. Bestätigen Sie, dass eine Transformationsangabe im Stylesheet wie rotate(45deg) nach dem Ziehen erhalten bleibt, während das in der Inline-Style-Beispiel gezeigte Verhalten beibehalten wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
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.