Tweak what element is required to be used in order to drag an attribute

This commit is contained in:
Oliver-Akins 2025-07-25 22:00:56 -06:00
parent 47e5d5168b
commit 7d3e6d3653
2 changed files with 4 additions and 2 deletions

View file

@ -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));
}; };

View file

@ -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