What is the current behavior?
When trying to restrict the draggable zone using the dnd-sortable-handle, does not target the element that it is placed in correctly. Only the child image element is "active". Also the cursor does not reflect the dragzone either.
<div dnd-sortable-container [sortableData]="results">
<search-result *ngFor="let result of results; let i = index" class="row" [entry]="result" (doToggle)="toggle($event)" dnd-sortable [sortableIndex]="i">
... and the search result container:
What is the expected behavior?
The cursor will change according to the hot zone specified.
and that you will be able to initiate a drag from only this area.
I'm submitting a ... [x ] bug report
What is the current behavior? When trying to restrict the draggable zone using the dnd-sortable-handle, does not target the element that it is placed in correctly. Only the child image element is "active". Also the cursor does not reflect the dragzone either.
<div dnd-sortable-container [sortableData]="results"> <search-result *ngFor="let result of results; let i = index" class="row" [entry]="result" (doToggle)="toggle($event)" dnd-sortable [sortableIndex]="i">
... and the search result container:
What is the expected behavior? The cursor will change according to the hot zone specified. and that you will be able to initiate a drag from only this area.
Please tell us about your environment:
Angular version: 4.X.X
Browser: [all | Chrome latest