back to h2

app.js

@@ -14,7 +14,6 @@ for(const element of lisAndBody){
 		event.target.classList.remove('dragging');
 	})
 	element.addEventListener('drop', (event)=>{
-		event.stopPropagation()
 		event.target.classList.remove('dragging');
 		event.target.querySelector('ul').appendChild(currentDraggedItem)
 	})
@@ -27,7 +26,7 @@ const deleteItem = (event)=>{
 const updateItem = (event)=>{
 	event.preventDefault()
 	const newValue = event.target.parentNode.querySelector('input').value
-	event.target.parentNode.querySelector('summary').innerHTML = newValue
+	event.target.parentNode.querySelector('h2').innerHTML = newValue
 }
 
 const createNewItem = (event)=>{

index.html

@@ -11,8 +11,9 @@
 	<ul></ul>
 	<template>
 		<li draggable="true">
+			<h2>Placeholder</h2>
 			<details>
-				<summary>placeholder</summary>
+				<summary>children/actions</summary>
 				<ul></ul>
 				<button class="add">Add</button>
 				<button class="delete">Delete</button>