fix(main.ts): drop-down not clicking properly (#479)

Co-authored-by: Dunsin <78784850+Dun-sin@users.noreply.github.com>

src/main.ts

@@ -434,10 +434,7 @@ getRadioButtonSetElement.forEach((radioButton: HTMLInputElement) => {
 dropDownElements.forEach((dropDown) => {
   // add click event listener to the dropdown parent element
   dropDown.addEventListener('click', (e) => {
-    // keep dropdown open when a subitem is clicked on
     e.stopPropagation();
-    const target = e.target as HTMLElement;
-    if (!dropDown.children[0].innerHTML.includes(target.outerHTML)) return;
 
     const listElement = dropDown.lastElementChild as HTMLElement;
     if (listElement.id === 'showList') {
@@ -456,6 +453,11 @@ dropDownElements.forEach((dropDown) => {
 
   const listElement = dropDown.lastElementChild as HTMLElement;
 
+  // Prevent the click event on subitems from propagating to the parent dropdown
+  listElement.addEventListener('click', (e) => {
+    e.stopPropagation();
+  });
+
   // loop through children of dropdown and add event listener to each child
   for (let i = 0; i < listElement.children.length; i++) {
     const child = listElement.children[i] as HTMLElement;