From c229a79aa948b51edad5e132d0f17104a0bda9da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Markus=20Gu=CC=88nther?= <info@unikka.de>
Date: Mon, 18 Dec 2023 20:52:11 +0100
Subject: [PATCH] BUGFIX: Prevent rendering of SearchBox

When the displaySearchBox property is false, we should not render the SelectBox that is responsible for the search.

Fixes: #3673
---
 .../__snapshots__/multiSelectBox.spec.js.snap    | 16 ----------------
 .../src/MultiSelectBox/multiSelectBox.js         |  5 +++--
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/packages/react-ui-components/src/MultiSelectBox/__snapshots__/multiSelectBox.spec.js.snap b/packages/react-ui-components/src/MultiSelectBox/__snapshots__/multiSelectBox.spec.js.snap
index f80ef82090..a04a6378af 100644
--- a/packages/react-ui-components/src/MultiSelectBox/__snapshots__/multiSelectBox.spec.js.snap
+++ b/packages/react-ui-components/src/MultiSelectBox/__snapshots__/multiSelectBox.spec.js.snap
@@ -22,21 +22,5 @@ exports[`<MultiSelectBox/> should render correctly. 1`] = `
       values={Array []}
     />
   </ul>
-  <Component
-    IconButtonComponent={[Function]}
-    IconComponent={[Function]}
-    ListPreviewElement={[Function]}
-    MultiSelectBox_ListPreviewSortable={[Function]}
-    SelectBox={[Function]}
-    allowEmpty={true}
-    dndType="multiselect-box-value"
-    onCreateNew={[MockFunction]}
-    onValueChange={[Function]}
-    onValuesChange={[MockFunction]}
-    optionValueField="value"
-    options={Array []}
-    value=""
-    values={Array []}
-  />
 </div>
 `;
diff --git a/packages/react-ui-components/src/MultiSelectBox/multiSelectBox.js b/packages/react-ui-components/src/MultiSelectBox/multiSelectBox.js
index 8d056d43f8..89d2cb4ca7 100644
--- a/packages/react-ui-components/src/MultiSelectBox/multiSelectBox.js
+++ b/packages/react-ui-components/src/MultiSelectBox/multiSelectBox.js
@@ -185,6 +185,7 @@ class MultiSelectBox extends PureComponent {
     render() {
         const {
             searchOptions,
+            displaySearchBox,
             values,
             optionValueField,
             theme,
@@ -217,13 +218,13 @@ class MultiSelectBox extends PureComponent {
                         disabled={disabled}
                         />
                 </ul>
-                <SelectBox
+                {displaySearchBox && (<SelectBox
                     {...omit(this.props, ['theme', 'className'])}
                     options={filteredSearchOptions}
                     value=""
                     onValueChange={this.handleNewValueSelected}
                     disabled={disabled}
-                    />
+                />)}
             </div>
         );
     }