From 7650d32ea50e35ce9889b5cb73af328786ca40bb Mon Sep 17 00:00:00 2001
From: Darin Kelkhoff <darin.kelkhoff@gmail.com>
Date: Wed, 21 Jun 2023 12:15:12 -0500
Subject: [PATCH] CSS for height of autocomplete in custom filter panel

---
 src/qqq/components/query/FilterCriteriaRow.tsx | 2 +-
 src/qqq/styles/qqq-override-styles.css         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/qqq/components/query/FilterCriteriaRow.tsx b/src/qqq/components/query/FilterCriteriaRow.tsx
index c93142d..850a065 100644
--- a/src/qqq/components/query/FilterCriteriaRow.tsx
+++ b/src/qqq/components/query/FilterCriteriaRow.tsx
@@ -505,7 +505,7 @@ export function FilterCriteriaRow({id, index, tableMetaData, metaData, criteria,
                renderOption={(props, option, state) => renderFieldOption(props, option, state)}
                autoSelect={true}
                autoHighlight={true}
-               slotProps={{popper: {style: {padding: 0, width: "250px"}}}}
+               slotProps={{popper: {className: "filterCriteriaRowColumnPopper", style: {padding: 0, width: "250px"}}}}
             />
          </Box>
          <Box display="inline-block" width={200} className="operatorColumn">
diff --git a/src/qqq/styles/qqq-override-styles.css b/src/qqq/styles/qqq-override-styles.css
index 8282f58..d4f76e9 100644
--- a/src/qqq/styles/qqq-override-styles.css
+++ b/src/qqq/styles/qqq-override-styles.css
@@ -434,7 +434,7 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
 }
 
 /* taller list box */
-.customFilterPanel .MuiAutocomplete-listbox
+.filterCriteriaRowColumnPopper .MuiAutocomplete-listbox
 {
    max-height: 60vh;
 }