From efd4452087349727970d5f36065d5f94fe393f7f Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Sun, 27 Oct 2024 21:29:27 +0000
Subject: [PATCH] fix issue with empty options displaying wrong

---
 static/js/base.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/static/js/base.js b/static/js/base.js
index 8e9914e..0c3d475 100644
--- a/static/js/base.js
+++ b/static/js/base.js
@@ -114,8 +114,12 @@ $(document).ready(function() {
         const defaultSelectedHtml = "&nbsp;";
 
         const updateSelectedDisplay = ($select, $selected, $dropdown, settings) => {
-            const values = $select.val() || [];
-            const names = [];
+            let values = $select.val() || [];
+            let names = [];
+
+            // if (settings.id === "styleTitleMutator") { debugger; }
+
+            if (!Array.isArray(values)) { values = [values] };
 
             // Update names based on values
             $select.find("option").each(function() {
@@ -124,13 +128,13 @@ $(document).ready(function() {
                 }
             });
 
-            const len = Array.isArray(values) ? values.length : 1;
+            const len = values.length || 1;
             const total = $select.find("option").length;
 
             if (len === 0) { $selected.html(defaultSelectedHtml); }
             else if (len === total && total > 3) {$selected.text("All Selected")}
             else if (len > 3) { $selected.text(`${values.length} Selected`); }
-            else { $selected.text(names.join(", ")); }
+            else { names ? $selected.text(names.join(", ")) : $selected.html(defaultSelectedHtml); }
 
             if (!settings.multiple) {
                 $dropdown.find(".corbz-select-option").removeClass("active").each(function() {