From 5326a2890f99e46538cf578b2d31f335c5fd4343 Mon Sep 17 00:00:00 2001
From: vashjs <vadym.shchekotilin@gmail.com>
Date: Tue, 19 Sep 2023 16:05:30 +0100
Subject: [PATCH 1/2] UIPQB-48 "Show columns" dropdown doesn't fit in the
 screen.

---
 CHANGELOG.md                                                     | 1 +
 .../QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 52d16fb6..3f6725c5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -26,3 +26,4 @@
 * [UIPQB-52](https://issues.folio.org/browse/UIPQB-52) *BREAKING* bump `react-intl` to `v6.4.4`.
 * [UIPQB-45](https://issues.folio.org/browse/UIPQB-45) Query builder dies when certain characters are used in combination with regex operators.
 * [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
index 33d34427..84e1107b 100644
--- a/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
+++ b/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
@@ -9,6 +9,7 @@ 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"

From 1b8fb7470ec6ed8e5577cc7e9fdff8c490ffbfba Mon Sep 17 00:00:00 2001
From: vashjs <vadym.shchekotilin@gmail.com>
Date: Tue, 19 Sep 2023 21:18:30 +0100
Subject: [PATCH 2/2] change maxHeight

---
 .../QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js b/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
index 84e1107b..83ba9bd4 100644
--- a/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
+++ b/src/QueryBuilder/QueryBuilder/TestQuery/ColumnsDropdown/ColumnsDropdown.js
@@ -13,7 +13,7 @@ export const ColumnsDropdown = memo(({ columns, visibleColumns, onColumnChange }
     >
       <DropdownMenu
         role="menu"
-        overrideStyle={{ maxHeight: 400 }}
+        overrideStyle={{ maxHeight: 240 }}
       >
         <CheckboxFilter
           dataOptions={columns}