Merged in r2-3068-current-location-scrollbar (pull request #7009)

R2-3068 - Fix current location horizontal scroll bar
primeroIMS · Dec 6, 2024 · e092e59 · e092e59
2 parents 943f3df + 25bd032
commit e092e59
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx b/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx
@@ -166,7 +166,7 @@ function Component({ filter, mode, moreSectionFilters = {}, multiple = true, res
   return (
     <Panel filter={filter} getValues={getValues} handleReset={handleReset}>
       <Autocomplete
-        classes={{ root: css.select, ...listboxClasses }}
+        classes={{ paper: css.paper, root: css.select, ...listboxClasses }}
         ListboxComponent={virtualize(filterOptions.length)}
         disableListWrap
         multiple={multiple}

diff --git a/app/javascript/components/index-filters/components/filter-types/styles.css b/app/javascript/components/index-filters/components/filter-types/styles.css
@@ -39,6 +39,13 @@
   width: 100%;
 }
 
+.paper {
+  & ul {
+    width: fit-content;
+    overflow: auto;
+  }
+}
+
 .dateContainer {
   width: 100%
 }