From 641b7077a2a1d31450e57bc2adc67e8845bce8f8 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Sat, 27 Feb 2021 21:36:19 -0500
Subject: [PATCH] handle placeholder if there is no dropdown selected

---
 groups/new-homepage-3/homepage3-js-css.html   | 8 ++++++--
 groups/new-homepage-3/homepage3-template.html | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index 28e879f..2652e65 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -1,4 +1,4 @@
-i<style>
+<style>
 
 body {
         color: #111;
@@ -313,13 +313,17 @@ function customizeSearch(facet) {
 <!-- OneSearch widget script from OLS, modified -->
 <script type="text/javascript">
 function addPrimoQuery(e) {
-        // prevent the user from submitting the form if no dropdown item has been selected
+        // prevent the user from submitting the form if no dropdown item has been selected. Added by ME.
         e.preventDefault();
         e.stopPropagation();
         if (document.getElementById("dropdownMenu1").innerHTML === 'Define Your Search <span class="caret"></span>') {
                 $("#dropdownMenu1").trigger('click.bs.dropdown.data-api');
+                document.getElementById("primoQueryTemp").value = "";
+                document.getElementById("primoQueryTemp").setAttribute("placeholder", "Please make a selection");
                 return true;
         };
+
+       // original OLS widget
        document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
         /* If you changed the form name at the top, change it below to match */
         document.forms["searchPrimoForm1"].submit();
diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index d75ac0b..acb360d 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -194,7 +194,7 @@
                                                  <h1 id="onesearch-header">OneSearch</h1>
                                                  <div class="form-group">
                                                          <div class="dropdown input-group zero-margin">
-                                                                 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Define Your Search <span class="caret"></span></button>
+                                                                 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Define Your Search <span class="caret"></span></button>  <!-- keep this as one line, because the JS relies on an exact match -->
                                                                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                                          <li>
                                                                                  <div class="yamm-content yamm4">