Tweak what element is required to be used in order to drag an attribute
This commit is contained in:
parent
47e5d5168b
commit
7d3e6d3653
2 changed files with 4 additions and 2 deletions
|
|
@ -71,7 +71,7 @@ export class AttributeManager extends HandlebarsApplicationMixin(ApplicationV2)
|
||||||
};
|
};
|
||||||
|
|
||||||
new DragDrop.implementation({
|
new DragDrop.implementation({
|
||||||
dragSelector: `[data-attribute]`,
|
dragSelector: `.draggable`,
|
||||||
permissions: {
|
permissions: {
|
||||||
dragstart: this._canDragStart.bind(this),
|
dragstart: this._canDragStart.bind(this),
|
||||||
drop: this._canDragDrop.bind(this),
|
drop: this._canDragDrop.bind(this),
|
||||||
|
|
@ -194,7 +194,7 @@ export class AttributeManager extends HandlebarsApplicationMixin(ApplicationV2)
|
||||||
};
|
};
|
||||||
|
|
||||||
_onDragStart(event) {
|
_onDragStart(event) {
|
||||||
const target = event.currentTarget;
|
const target = event.currentTarget.closest(`[data-attribute]`);
|
||||||
if (`link` in event.target.dataset) { return };
|
if (`link` in event.target.dataset) { return };
|
||||||
let dragData;
|
let dragData;
|
||||||
|
|
||||||
|
|
@ -208,6 +208,7 @@ export class AttributeManager extends HandlebarsApplicationMixin(ApplicationV2)
|
||||||
};
|
};
|
||||||
|
|
||||||
if (!dragData) { return };
|
if (!dragData) { return };
|
||||||
|
event.dataTransfer.setDragImage(target, 16, 23);
|
||||||
event.dataTransfer.setData(`text/plain`, JSON.stringify(dragData));
|
event.dataTransfer.setData(`text/plain`, JSON.stringify(dragData));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@
|
||||||
name="icons/drag-handle"
|
name="icons/drag-handle"
|
||||||
var:stroke="currentColor"
|
var:stroke="currentColor"
|
||||||
var:fill="currentColor"
|
var:fill="currentColor"
|
||||||
|
class="draggable"
|
||||||
></taf-icon>
|
></taf-icon>
|
||||||
{{#if attr.isNew}}
|
{{#if attr.isNew}}
|
||||||
<input
|
<input
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue