Skip to content

Commit cf35d0c

Browse files
committed
Adds snappable element to SnapEvent
1 parent 6168222 commit cf35d0c

File tree

3 files changed

+15
-0
lines changed

3 files changed

+15
-0
lines changed

src/Plugins/Snappable/Snappable.js

+2
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,7 @@ export default class Snappable extends AbstractPlugin {
107107

108108
const snapInEvent = new SnapInEvent({
109109
dragEvent: event,
110+
snappable: event.over || event.droppable,
110111
});
111112

112113
this.draggable.trigger(snapInEvent);
@@ -143,6 +144,7 @@ export default class Snappable extends AbstractPlugin {
143144

144145
const snapOutEvent = new SnapOutEvent({
145146
dragEvent: event,
147+
snappable: event.over || event.droppable,
146148
});
147149

148150
this.draggable.trigger(snapOutEvent);

src/Plugins/Snappable/SnappableEvent/README.md

+3
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@ The base snap event for all Snap events that `Snappable` emits.
1414
**`snapEvent.dragEvent: DragEvent`**
1515
Read-only property for drag event that triggered this snappable event
1616

17+
**`snapEvent.snappable: HTMLElement`**
18+
Read-only property for the element that you are about to snap into or out of
19+
1720
## SnapInEvent
1821

1922
`SnapInEvent` gets triggered by `Snappable` before snapping into place.

src/Plugins/Snappable/SnappableEvent/SnappableEvent.js

+10
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,16 @@ export class SnapEvent extends AbstractEvent {
1818
get dragEvent() {
1919
return this.data.dragEvent;
2020
}
21+
22+
/**
23+
* Snappable element
24+
* @property snappable
25+
* @type {HTMLElement}
26+
* @readonly
27+
*/
28+
get snappable() {
29+
return this.data.snappable;
30+
}
2131
}
2232

2333
/**

0 commit comments

Comments
 (0)