<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Autocomplete works for all locations, also the top-level locations, like countries, continents</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Autocomplete breaks, when the rows include top-level locations, like a single country, e.g. <code class="notranslate">Norway</code>. Locations with approximations, e.g. <code class="notranslate">Oslo, Norway</code> work fine!</p>
<p dir="auto">When the autocomplete breaks, it is not possible to delete or add new characters to the autocomplete.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Uncaught TypeError: Cannot read property 'type' of undefined
    at AutoComplete.js:389
    at Array.every (&lt;anonymous&gt;)
    at AutoComplete.render (AutoComplete.js:366)
    at ReactCompositeComponent.js:795
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:794)
    at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js:821)
    at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:745)
    at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723)
    at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644)"><pre class="notranslate"><code class="notranslate">Uncaught TypeError: Cannot read property 'type' of undefined
    at AutoComplete.js:389
    at Array.every (&lt;anonymous&gt;)
    at AutoComplete.render (AutoComplete.js:366)
    at ReactCompositeComponent.js:795
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:794)
    at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js:821)
    at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:745)
    at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723)
    at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644)
</code></pre></div>
<p dir="auto">extended:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  | (anonymous) | @ | AutoComplete.js:389
-- | -- | -- | --
  | render | @ | AutoComplete.js:366
  | (anonymous) | @ | ReactCompositeComponent.js:795
  | measureLifeCyclePerf | @ | ReactCompositeComponent.js:75
  | _renderValidatedComponentWithoutOwnerOrContext | @ | ReactCompositeComponent.js:794
  | _renderValidatedComponent | @ | ReactCompositeComponent.js:821
  | _updateRenderedComponent | @ | ReactCompositeComponent.js:745
  | _performComponentUpdate | @ | ReactCompositeComponent.js:723
  | updateComponent | @ | ReactCompositeComponent.js:644
  | performUpdateIfNecessary | @ | ReactCompositeComponent.js:560
  | performUpdateIfNecessary | @ | ReactReconciler.js:156
  | runBatchedUpdates | @ | ReactUpdates.js:150
  | perform | @ | Transaction.js:143
  | perform | @ | Transaction.js:143
  | perform | @ | ReactUpdates.js:89
  | flushBatchedUpdates | @ | ReactUpdates.js:172
  | closeAll | @ | Transaction.js:209
  | perform | @ | Transaction.js:156
  | batchedUpdates | @ | ReactDefaultBatchingStrategy.js:62
  | enqueueUpdate | @ | ReactUpdates.js:200
  | enqueueUpdate | @ | ReactUpdateQueue.js:24
  | enqueueSetState | @ | ReactUpdateQueue.js:218
  | ReactComponent.setState | @ | ReactBaseClasses.js:64
  | close | @ | AutoComplete.js:296
  | (anonymous) | @ | AutoComplete.js:237
  | setTimeout (async) |   |  
  | AutoComplete._this.handleBlur | @ | AutoComplete.js:236
  | TextField._this.handleInputBlur | @ | TextField.js:202
  | ReactErrorUtils.invokeGuardedCallback | @ | ReactErrorUtils.js:69
  | executeDispatch | @ | EventPluginUtils.js:85
  | executeDispatchesInOrder | @ | EventPluginUtils.js:108
  | executeDispatchesAndRelease | @ | EventPluginHub.js:43
  | executeDispatchesAndReleaseTopLevel | @ | EventPluginHub.js:54
  | forEachAccumulated | @ | forEachAccumulated.js:24
  | processEventQueue | @ | EventPluginHub.js:254
  | runEventQueueInBatch | @ | ReactEventEmitterMixin.js:17
  | handleTopLevel | @ | ReactEventEmitterMixin.js:27
  | handleTopLevelImpl | @ | ReactEventListener.js:72
  | perform | @ | Transaction.js:143
  | batchedUpdates | @ | ReactDefaultBatchingStrategy.js:62
  | batchedUpdates | @ | ReactUpdates.js:97
  | dispatchEvent | @ | ReactEventListener.js:147
"><pre class="notranslate"><code class="notranslate">  | (anonymous) | @ | AutoComplete.js:389
-- | -- | -- | --
  | render | @ | AutoComplete.js:366
  | (anonymous) | @ | ReactCompositeComponent.js:795
  | measureLifeCyclePerf | @ | ReactCompositeComponent.js:75
  | _renderValidatedComponentWithoutOwnerOrContext | @ | ReactCompositeComponent.js:794
  | _renderValidatedComponent | @ | ReactCompositeComponent.js:821
  | _updateRenderedComponent | @ | ReactCompositeComponent.js:745
  | _performComponentUpdate | @ | ReactCompositeComponent.js:723
  | updateComponent | @ | ReactCompositeComponent.js:644
  | performUpdateIfNecessary | @ | ReactCompositeComponent.js:560
  | performUpdateIfNecessary | @ | ReactReconciler.js:156
  | runBatchedUpdates | @ | ReactUpdates.js:150
  | perform | @ | Transaction.js:143
  | perform | @ | Transaction.js:143
  | perform | @ | ReactUpdates.js:89
  | flushBatchedUpdates | @ | ReactUpdates.js:172
  | closeAll | @ | Transaction.js:209
  | perform | @ | Transaction.js:156
  | batchedUpdates | @ | ReactDefaultBatchingStrategy.js:62
  | enqueueUpdate | @ | ReactUpdates.js:200
  | enqueueUpdate | @ | ReactUpdateQueue.js:24
  | enqueueSetState | @ | ReactUpdateQueue.js:218
  | ReactComponent.setState | @ | ReactBaseClasses.js:64
  | close | @ | AutoComplete.js:296
  | (anonymous) | @ | AutoComplete.js:237
  | setTimeout (async) |   |  
  | AutoComplete._this.handleBlur | @ | AutoComplete.js:236
  | TextField._this.handleInputBlur | @ | TextField.js:202
  | ReactErrorUtils.invokeGuardedCallback | @ | ReactErrorUtils.js:69
  | executeDispatch | @ | EventPluginUtils.js:85
  | executeDispatchesInOrder | @ | EventPluginUtils.js:108
  | executeDispatchesAndRelease | @ | EventPluginHub.js:43
  | executeDispatchesAndReleaseTopLevel | @ | EventPluginHub.js:54
  | forEachAccumulated | @ | forEachAccumulated.js:24
  | processEventQueue | @ | EventPluginHub.js:254
  | runEventQueueInBatch | @ | ReactEventEmitterMixin.js:17
  | handleTopLevel | @ | ReactEventEmitterMixin.js:27
  | handleTopLevelImpl | @ | ReactEventListener.js:72
  | perform | @ | Transaction.js:143
  | batchedUpdates | @ | ReactDefaultBatchingStrategy.js:62
  | batchedUpdates | @ | ReactUpdates.js:97
  | dispatchEvent | @ | ReactEventListener.js:147

</code></pre></div>
<h2 dir="auto">Context</h2>
    
<p dir="auto">Providing an autocomplete input for location select. The autocomplete breaks, when the rows show a country, i.e. a top-level location item<br>
this works:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Warsaw, Poland"><pre class="notranslate"><code class="notranslate">Warsaw, Poland
</code></pre></div>
<p dir="auto">this breaks:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Indonesia"><pre class="notranslate"><code class="notranslate">Indonesia
</code></pre></div>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>0.19.4</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">When I try to print my page with Grid responsive layout, it seems to use xs breakpoint on Chrome v. 62.0.3202.75 even if higher breakpoint is also set</p>


<ul dir="auto">
<li>[ x] I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">I have grid layout with multiple elements and responsive breakpoints <code class="notranslate">sm</code> and <code class="notranslate">xs</code> to display them in row on larger screens, and in column on small ones.<br>
When I want to print my page to pdf using window.print() and A4 format, I should be able to replicate my layout</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">On Chrome  only xs breakpoint applies so elements appear in column, on Firefox, Safari they are displayed in row.<br>
I'm assuming that this is more about how different browsers treat A4 format screen size, but maybe somebody has already experienced this issue, or could provide better explanation of screen sizes.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/jpkw9y4959?module=%2FLayout.js" rel="nofollow">https://codesandbox.io/s/jpkw9y4959?module=%2FLayout.js</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">Trying to print pdfs and layout is broken in chrome (pretty much everything is displayed in one column so paper space is wasted)</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">Only tested in desktop versions.</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
<th>Bug</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.20</td>
<td></td>
</tr>
<tr>
<td>React</td>
<td>16.0</td>
<td></td>
</tr>
<tr>
<td>Chrome</td>
<td>62.0.3202.75</td>
<td>yes</td>
</tr>
<tr>
<td>Firefox</td>
<td>56.0.2</td>
<td>no</td>
</tr>
<tr>
<td>Safari</td>
<td>11.0.1</td>
<td>no</td>
</tr>
</tbody>
</table>