From 023f8282b4b2df7d334b24d1b16fa8d400265680 Mon Sep 17 00:00:00 2001
From: burnettk <burnettk@users.noreply.github.com>
Date: Mon, 8 May 2023 17:03:21 -0400
Subject: [PATCH] make all browsers act the same way on our site w/ jasquat

---
 .../src/themes/carbon/SelectWidget/SelectWidget.tsx   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/spiffworkflow-frontend/src/themes/carbon/SelectWidget/SelectWidget.tsx b/spiffworkflow-frontend/src/themes/carbon/SelectWidget/SelectWidget.tsx
index 7e644055..6f55ef1b 100644
--- a/spiffworkflow-frontend/src/themes/carbon/SelectWidget/SelectWidget.tsx
+++ b/spiffworkflow-frontend/src/themes/carbon/SelectWidget/SelectWidget.tsx
@@ -56,6 +56,17 @@ function SelectWidget({
     errorMessageForField = rawErrors[0];
   }
 
+  // ok. so in safari, the select widget showed the first option, whereas in chrome it forced you to select an option.
+  // this change causes chrome to also show the first option. now all browsers are consistent on our site. you no longer have to select anything.
+  // setting the value prop causes it to show the first option.
+  // calling onChange actually gets it set in the form data.
+  if (value === undefined) {
+    if (enumOptions) {
+      value = enumOptions[0].value;
+      onChange(value);
+    }
+  }
+
   // maybe use placeholder somehow. it was previously jammed into the helperText field,
   // but allowing ui:help to grab that spot seems much more appropriate.