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. pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy