fix lookup story height to render without wrapping

Author: stomita

stories/LookupStories.js

@@ -212,34 +212,38 @@ storiesOf('Lookup', module)
     />
   ))
   .addWithInfo('Active', 'Lookup component with candidates in dropdown', () => (
-    <Lookup
-      label='Lookup Label'
-      searchText='A'
-      opened
-      data={ COMPANY_DATA }
-      selected={ null }
-      onSearchTextChange={ action('searchTextChange') }
-      onLookupRequest={ action('lookupRequest') }
-      onSelect={ action('select') }
-      onBlur={ action('blur') }
-      onComplete={ action('complete') }
-    />
+    <div style={ { height: 350 } }>
+      <Lookup
+        label='Lookup Label'
+        searchText='A'
+        opened
+        data={ COMPANY_DATA }
+        selected={ null }
+        onSearchTextChange={ action('searchTextChange') }
+        onLookupRequest={ action('lookupRequest') }
+        onSelect={ action('select') }
+        onBlur={ action('blur') }
+        onComplete={ action('complete') }
+      />
+    </div>
   ))
   .addWithInfo('With list header/footer', 'Lookup component with header/footer component in the candidate list', () => (
-    <Lookup
-      label='Lookup Label'
-      searchText='A'
-      opened
-      data={ COMPANY_DATA }
-      selected={ null }
-      listHeader={ <Button icon='search' iconAlign='left'>&quot;A&quot; in Account</Button> }
-      listFooter={ <Button icon='add' iconAlign='left'>Add new Account</Button> }
-      onSearchTextChange={ action('searchTextChange') }
-      onLookupRequest={ action('lookupRequest') }
-      onSelect={ action('select') }
-      onBlur={ action('blur') }
-      onComplete={ action('complete') }
-    />
+    <div style={ { height: 420 } }>
+      <Lookup
+        label='Lookup Label'
+        searchText='A'
+        opened
+        data={ COMPANY_DATA }
+        selected={ null }
+        listHeader={ <Button icon='search' iconAlign='left'>&quot;A&quot; in Account</Button> }
+        listFooter={ <Button icon='add' iconAlign='left'>Add new Account</Button> }
+        onSearchTextChange={ action('searchTextChange') }
+        onLookupRequest={ action('lookupRequest') }
+        onSelect={ action('select') }
+        onBlur={ action('blur') }
+        onComplete={ action('complete') }
+      />
+    </div>
   ))
   .addWithInfo('Multi Scope', 'Lookup component which allows multiples scopes to select as lookup datasource', () => (
     <Lookup

yarn.lock

@@ -4,9 +4,9 @@
   version "1.4.7"
   resolved "https://registry.yarnpkg.com/@kadira/react-split-pane/-/react-split-pane-1.4.7.tgz#6d753d4a9fe62fe82056e323a6bcef7f026972b5"
 
-"@kadira/react-storybook-addon-info@^3.3.0":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/@kadira/react-storybook-addon-info/-/react-storybook-addon-info-3.3.0.tgz#dad3987c1603eed9b3e7718c5b26966098693b35"
+"@kadira/react-storybook-addon-info@^3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@kadira/react-storybook-addon-info/-/react-storybook-addon-info-3.4.0.tgz#f603dba8750f93318c33aa96f1e7bdfeeb61b7b0"
   dependencies:
     babel-runtime "^6.5.0"
     markdown-to-react-components "^0.2.1"
@@ -72,9 +72,9 @@
     react-modal "^1.2.1"
     redux "^3.5.2"
 
-"@kadira/storybook@^2.35.1":
-  version "2.35.1"
-  resolved "https://registry.yarnpkg.com/@kadira/storybook/-/storybook-2.35.1.tgz#dd3dc045ebbfdd3130e0b0e66a35686f00aa5a86"
+"@kadira/storybook@^2.35.3":
+  version "2.35.3"
+  resolved "https://registry.yarnpkg.com/@kadira/storybook/-/storybook-2.35.3.tgz#8106195e1733623baf60db6adaa678dc29285d12"
   dependencies:
     "@kadira/react-split-pane" "^1.4.0"
     "@kadira/storybook-addon-actions" "^1.0.2"
@@ -86,7 +86,7 @@
     autoprefixer "^6.3.7"
     babel-core "^6.11.4"
     babel-loader "^6.2.4"
-    babel-plugin-react-docgen "^1.4.1"
+    babel-plugin-react-docgen "^1.4.2"
     babel-preset-react-app "^1.0.0"
     babel-runtime "^6.9.2"
     case-sensitive-paths-webpack-plugin "^1.1.2"
@@ -732,9 +732,9 @@ babel-plugin-jest-hoist@^16.0.0:
   version "16.0.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-16.0.0.tgz#b58ca3f770982a7e7c25b5614b2e57e9dafc6e76"
 
-babel-plugin-react-docgen@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-1.4.1.tgz#dc0d1e3e453ea592bd3b78f378638b30380328c9"
+babel-plugin-react-docgen@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-1.4.2.tgz#04c02133b84b6cc182d35de2162f15764da03e7c"
   dependencies:
     babel-types "^6.16.0"
     lodash "4.x.x"