update

app.py

@@ -106,15 +106,15 @@ init_js = """
 	// move the radios/checkboxes
 	let name, left, bottom;
 	const elements = div.querySelectorAll(":scope > label");
-	Array.from(elements).forEach(item => {
-		name = item.querySelector(":scope > input").getAttribute(attribute);
+	Array.from(elements).forEach( el => {
+		name = el.querySelector(":scope > input").getAttribute(attribute);
 		left = channel_info.inputDict[name].css_position[0];
 		bottom = channel_info.inputDict[name].css_position[1];
 		
-		item.style.cssText = `position: absolute; left: ${left}%; bottom: ${bottom}%;`;
-		item.className = "";
-		item.querySelector(":scope > span").innerText = "";
-		item.querySelector(":scope > input").style.cssText = `
+		el.style.cssText = `position: absolute; left: ${left}%; bottom: ${bottom}%;`;
+		el.className = "";
+		el.querySelector(":scope > span").innerText = "";
+		el.querySelector(":scope > input").style.cssText = `
 			position: absolute;
 			width: var(--channel-indicator-size);
 			height: var(--channel-indicator-size);
@@ -176,12 +176,12 @@ update_js = """
 	    
 	    // update the radios
 		const elements = document.querySelectorAll(selector+" > label");
-		Array.from(elements).forEach(item => {
-			name = item.querySelector(":scope > input").value;
+		Array.from(elements).forEach( el => {
+			name = el.querySelector(":scope > input").value;
 			left = channel_info.inputDict[name].css_position[0];
 			bottom = channel_info.inputDict[name].css_position[1];
-			item.style.left = `${left}%`;
-			item.style.bottom = `${bottom}%`;
+			el.style.left = `${left}%`;
+			el.style.bottom = `${bottom}%`;
 		});
 	}else if(stage1_info.state == "step3-2-selecting"){
 	    selector = "#chkbox-group > div:nth-of-type(2)";