From 91b94a5126c47827254ae3707f7e584ccf04256c Mon Sep 17 00:00:00 2001 From: nathan Date: Wed, 10 May 2023 13:43:46 -0600 Subject: [PATCH] Et2Select: Use same z-index for search box as dropdown --- api/js/etemplate/Et2Select/SearchMixin.ts | 29 +++++++++++++---------- 1 file changed, 17 insertions(+), 12 deletions(-) diff --git a/api/js/etemplate/Et2Select/SearchMixin.ts b/api/js/etemplate/Et2Select/SearchMixin.ts index 3108ed14a1..70629d0583 100644 --- a/api/js/etemplate/Et2Select/SearchMixin.ts +++ b/api/js/etemplate/Et2Select/SearchMixin.ts @@ -175,9 +175,10 @@ export const Et2WithSearchMixin = >(superclass :host([allowfreeentries]:not([multiple])) .select--standard.select--open:not(.select--disabled) .select__control .select__label { display: none; } - - /* Search textbox general styling, starts hidden */ - .select__prefix ::slotted(.search_input),.search_input { + + /* Search textbox general styling, starts hidden */ + + .select__prefix ::slotted(.search_input), .search_input { display: none; flex: 1 1 auto; margin-left: 0px; @@ -185,17 +186,21 @@ export const Et2WithSearchMixin = >(superclass height: var(--sl-input-height-medium); position: absolute; background-color: white; - z-index: 1; - } - /* Search UI active - show textbox & stuff */ - ::slotted(.search_input.active),.search_input.active, - .search_input.editing{ + z-index: var(--sl-z-index-dropdown); + } + + /* Search UI active - show textbox & stuff */ + + ::slotted(.search_input.active), .search_input.active, + .search_input.editing { display: flex; - } - /* If multiple and no value, overlap search onto widget instead of below */ - :host([multiple]) .search_input.active.novalue { + } + + /* If multiple and no value, overlap search onto widget instead of below */ + + :host([multiple]) .search_input.active.novalue { top: 0px; - } + } /* Hide options that do not match current search text */ ::slotted(.no-match) {