diff --git a/package-lock.json b/package-lock.json index dd35f76..9a5eb0c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@github/task-lists-element", - "version": "2.0.2", + "version": "0.0.0-development", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 48a6c46..5bdeccc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@github/task-lists-element", - "version": "2.0.2", + "version": "0.0.0-development", "description": "Drag and drop task list items.", "repository": "github/task-lists-element", "main": "dist/task-lists-element.js", diff --git a/src/task-lists-element.ts b/src/task-lists-element.ts index db484d8..e87ede5 100644 --- a/src/task-lists-element.ts +++ b/src/task-lists-element.ts @@ -74,19 +74,25 @@ export default class TaskListsElement extends HTMLElement { } const handleTemplate = document.createElement('template') -const span = handleTemplate.content.appendChild(document.createElement('span')) +const span = document.createElement('span') span.classList.add('handle') -const svg = span.appendChild(document.createElement('svg')) + +const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg') svg.classList.add('drag-handle') svg.setAttribute('aria-hidden', 'true') svg.setAttribute('width', '16') svg.setAttribute('height', '16') -const path = svg.appendChild(document.createElement('path')) + +const path = document.createElementNS('http://www.w3.org/2000/svg', 'path') path.setAttribute( 'd', 'M10 13a1 1 0 100-2 1 1 0 000 2zm-4 0a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zm3 1a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zM6 5a1 1 0 100-2 1 1 0 000 2z' ) +handleTemplate.content.appendChild(span) +span.appendChild(svg) +svg.appendChild(path) + const initialized = new WeakMap() // Only top-level lists are draggable, and nested lists drag with their parent item.