From 1311588157eb6947739089cda637f504a1cb53a2 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Fri, 29 Nov 2019 13:19:18 +0100
Subject: [PATCH] Fix clickable areas

---
 .../MultiAutocompleteSelectFieldContent.tsx   | 22 ++++++++++---------
 .../SingleAutocompleteSelectFieldContent.tsx  | 22 ++++++++++---------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectFieldContent.tsx b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectFieldContent.tsx
index cb99854fe..e059c6880 100644
--- a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectFieldContent.tsx
+++ b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectFieldContent.tsx
@@ -275,17 +275,19 @@ const MultiAutocompleteSelectFieldContent: React.FC<
           </MenuItem>
         )}
       </div>
-      <div className={classes.arrowContainer}>
-        <div
-          className={classNames(classes.arrowInnerContainer, {
-            // Needs to be explicitely compared to false because
-            // scrolledToBottom can be either true, false or undefined
-            [classes.hide]: scrolledToBottom !== false
-          })}
-        >
-          <SVG src={chevronDown} />
+      {choices.length > maxMenuItems && (
+        <div className={classes.arrowContainer}>
+          <div
+            className={classNames(classes.arrowInnerContainer, {
+              // Needs to be explicitely compared to false because
+              // scrolledToBottom can be either true, false or undefined
+              [classes.hide]: scrolledToBottom !== false
+            })}
+          >
+            <SVG src={chevronDown} />
+          </div>
         </div>
-      </div>
+      )}
     </Paper>
   );
 };
diff --git a/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectFieldContent.tsx b/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectFieldContent.tsx
index 35b56e9e9..ba948c0a0 100644
--- a/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectFieldContent.tsx
+++ b/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectFieldContent.tsx
@@ -228,17 +228,19 @@ const SingleAutocompleteSelectFieldContent: React.FC<
           </MenuItem>
         )}
       </div>
-      <div className={classes.arrowContainer}>
-        <div
-          className={classNames(classes.arrowInnerContainer, {
-            // Needs to be explicitely compared to false because
-            // scrolledToBottom can be either true, false or undefined
-            [classes.hide]: scrolledToBottom !== false
-          })}
-        >
-          <SVG src={chevronDown} />
+      {choices.length > maxMenuItems && (
+        <div className={classes.arrowContainer}>
+          <div
+            className={classNames(classes.arrowInnerContainer, {
+              // Needs to be explicitely compared to false because
+              // scrolledToBottom can be either true, false or undefined
+              [classes.hide]: scrolledToBottom !== false
+            })}
+          >
+            <SVG src={chevronDown} />
+          </div>
         </div>
-      </div>
+      )}
     </Paper>
   );
 };