From 003f1255d7e7f7c6161fd70d34a4ebc0d9c01c82 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Tue, 14 Jun 2022 09:09:11 -0600
Subject: [PATCH] Select / Search CSS: - Let search input take full space for
 single-value search selects

---
 api/js/etemplate/Et2Select/SearchMixin.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/api/js/etemplate/Et2Select/SearchMixin.ts b/api/js/etemplate/Et2Select/SearchMixin.ts
index c1e82879d3..1097a218b5 100644
--- a/api/js/etemplate/Et2Select/SearchMixin.ts
+++ b/api/js/etemplate/Et2Select/SearchMixin.ts
@@ -151,6 +151,12 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
 					flex: 1 1 auto;
 					width: 100%;
 				}
+				/* Don't show the current value while searching for single, we want the space
+					This lets the current value shrink to nothing so the input can expand
+				 */
+				.select__label {
+					flex: 1 15 auto;
+				}
 				/* Show edit textbox only when editing */
 				.search_input #edit {
 					display: none;
@@ -327,7 +333,7 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
 			}
 			// I can't figure out how to get this full width via CSS
 			return html`
-                <input id="search" type="text" part="input" @keydown=${this._handleSearchKeyDown}/>
+                <input id="search" type="text" part="input" style="width:100%" @keydown=${this._handleSearchKeyDown}/>
                 ${edit}
 			`;
 		}