UIPQB-48 "Show columns" dropdown doesn't fit in the screen. (#58)

folio-org · Sep 22, 2023 · 5b3f068 · 5b3f068
1 parent 024edb4
commit 5b3f068
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -27,4 +27,4 @@
 * [UIPQB-45](https://issues.folio.org/browse/UIPQB-45) Query builder dies when certain characters are used in combination with regex operators.
 * [UIPQB-46](https://issues.folio.org/browse/UIPQB-46) Incorrect text when no options available in the query builder's search bar.
 * [UIPQB-50](https://issues.folio.org/browse/UIPQB-50)Add 'in-progress' handling to plugin-query-builder
-
+* [UIPQB-48](https://issues.folio.org/browse/UIPQB-48) "Show columns" dropdown doesn't fit in the screen.
diff --git a/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js b/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
@@ -9,10 +9,11 @@ export const ColumnsDropdown = memo(({ columns, visibleColumns, onColumnChange }
     <Dropdown
       label={<FormattedMessage id="ui-plugin-query-builder.control.dropdown.showColumns" />}
       mame="test-query-preview-dropdown"
+      usePortal
     >
       <DropdownMenu
         role="menu"
-        overrideStyle={{ maxHeight: 400 }}
+        overrideStyle={{ maxHeight: 240 }}
       >
         <CheckboxFilter
           dataOptions={columns}