Fixed issue with dropdown background being height-limited (#594)

* Fixed issue with dropdown background being height-limited

* Fixed height issue in a better way

webapp/src/components/properties/user/__snapshots__/user.test.tsx.snap

@@ -171,7 +171,7 @@ exports[`components/properties/user user dropdown open 1`] = `
       class=" css-7p3rb2-menu"
     >
       <div
-        class=" css-1m3ubgr-MenuList"
+        class=" css-g29tl0-MenuList"
       >
         <div
           class=" css-gg45go-NoOptionsMessage"

webapp/src/theme.ts

@@ -245,7 +245,8 @@ export function getSelectBaseStyle() {
         }),
         menuList: (provided: CSSObject): CSSObject => ({
             ...provided,
-            overflowY: 'unset',
+            overflowY: 'auto',
+            overflowX: 'hidden',
         }),
     }
 }

webapp/src/widgets/valueSelector.scss

@@ -64,7 +64,7 @@
     text-overflow: ellipsis;
     display: inline-block;
 
-    
+
 }
 
 .octo-property-value > .Label {

webapp/src/widgets/valueSelector.tsx

@@ -131,6 +131,8 @@ const valueSelectorStyle = {
 function ValueSelector(props: Props): JSX.Element {
     return (
         <CreatableSelect
+            captureMenuScroll={true}
+            maxMenuHeight={580}
             isMulti={props.isMulti}
             isClearable={true}
             styles={valueSelectorStyle}