Merge pull request #410 from Budibase/bugfix/select-wrapping-and-close

Close on select and wrap selection

packages/builder/src/components/userInterface/OptionSelect.svelte

@@ -82,6 +82,7 @@
   function handleClick(val) {
     value = val
     onChange(value)
+    toggleSelect(false)
   }
 
   $: menuStyle = buildStyle({
@@ -110,7 +111,7 @@
   bind:this={select}
   class="bb-select-container"
   on:click={() => toggleSelect(!open)}>
-  <div bind:this={selectAnchor} class="bb-select-anchor selected">
+  <div bind:this={selectAnchor} title={value} class="bb-select-anchor selected">
     <span>{displayLabel}</span>
     <i bind:this={icon} class="ri-arrow-down-s-fill" />
   </div>
@@ -176,6 +177,7 @@
     background-color: var(--grey-2);
     border-radius: 5px;
     align-items: center;
+    white-space: nowrap;
   }
 
   .bb-select-anchor > span {