zoldar/jenot
1
0
Fork 0
mirror of https://github.com/zoldar/jenot.git synced 2026-01-03 14:32:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix cursor selection of task items on desktop

Browse source
This commit is contained in:
Adrian Gruntkowski 2024-12-08 13:18:31 +01:00
parent 55e8cc3bb8
commit 890ae55334
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
priv/static/js/components.js
View file

@ -163,6 +163,10 @@ class TaskListItem extends HTMLElement {
// drag and drop events // drag and drop events
this.handleElement.addEventListener("mousedown", () => {
this.parentNode.setAttribute("draggable", "true");
});
this.parentNode.addEventListener("dragstart", (e) => { this.parentNode.addEventListener("dragstart", (e) => {
const isHandle = e.explicitOriginalTarget.closest const isHandle = e.explicitOriginalTarget.closest
? e.explicitOriginalTarget.closest(".handle") ? e.explicitOriginalTarget.closest(".handle")
@ -176,6 +180,7 @@ class TaskListItem extends HTMLElement {
}); });
this.parentNode.addEventListener("dragend", () => { this.parentNode.addEventListener("dragend", () => {
this.parentNode.setAttribute("draggable", "false");
this.parentNode.classList.remove("dragging"); this.parentNode.classList.remove("dragging");
this.dispatchEvent(new Event("contentChange", { bubbles: true })); this.dispatchEvent(new Event("contentChange", { bubbles: true }));
}); });
@ -309,7 +314,6 @@ class TaskList extends HTMLElement {
if (tasksCount === 1) { if (tasksCount === 1) {
const newLI = document.createElement("li"); const newLI = document.createElement("li");
newLI.setAttribute("draggable", "true");
const newItem = document.createElement("task-list-item"); const newItem = document.createElement("task-list-item");
newLI.appendChild(newItem); newLI.appendChild(newItem);
this.querySelector("ul").appendChild(newLI); this.querySelector("ul").appendChild(newLI);
@ -341,7 +345,6 @@ class TaskList extends HTMLElement {
const currentLI = e.target.parentNode; const currentLI = e.target.parentNode;
const newLI = document.createElement("li"); const newLI = document.createElement("li");
newLI.setAttribute("draggable", "true");
const newItem = document.createElement("task-list-item"); const newItem = document.createElement("task-list-item");
newItem.textContent = text; newItem.textContent = text;
newLI.appendChild(newItem); newLI.appendChild(newItem);
@ -396,7 +399,7 @@ class TaskList extends HTMLElement {
tasks.forEach((task) => { tasks.forEach((task) => {
const item = html` const item = html`
<li draggable="true"><task-list-item></task-list-itm></li> <li><task-list-item></task-list-itm></li>
`; `;
this.listElement.appendChild(item); this.listElement.appendChild(item);
item.querySelector("task-list-item").value = task; item.querySelector("task-list-item").value = task;