From e5a43ceba142da5cd702434a282fc5b7a5fb40f1 Mon Sep 17 00:00:00 2001
From: Kylie Stradley <4666485+KyFaSt@users.noreply.github.com>
Date: Mon, 13 Feb 2023 16:27:01 -0500
Subject: [PATCH] Fix task list drag

Fixes https://github.com/github/primer/issues/1787
---
 src/task-lists-element.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

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.