Correct event handling for select button widget

2 files changed, 6 insertions, 2 deletions

diff --git a/index.html b/index.html
index 52fb7ff..c075753 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
         <a class="nav-el" href="?page=automation">Home Automation</a>
     </nav>
 
-    <content style="height:300vh; flex-direction: column; justify-content: space-evenly;">
+    <content>
     </content>
 
     <script src="scripts/gui-common/color.js"></script>
diff --git a/scripts/gui-common/widgets.js b/scripts/gui-common/widgets.js
index 78402c5..3d9d004 100644
--- a/scripts/gui-common/widgets.js
+++ b/scripts/gui-common/widgets.js
@@ -1108,13 +1108,17 @@ class WidgetSelectButton extends Widget
 			if(this.#selected.length > 0)
 			{
 				let swap = this.#selected.shift();
-				this.#swgs[swap].set(-swap - 1);
+                this.#swgs[swap].removeEventListener("change", this.#binder);
+			    this.#swgs[swap].set(-swap - 1);
+                this.#swgs[swap].addEventListener("change", this.#binder);
 			}
 			this.#selected.push(idx);
 		}
 		else
 		{
+            this.#swgs[idx].removeEventListener("change", this.#binder);
 			this.#swgs[idx].set(-idx - 1);
+            this.#swgs[idx].addEventListener("change", this.#binder);
 		}
 		
 		if (!this.#removeLastOver && this.#selected.length >= this.#maxSelections)