Issue 1:
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Autocomplete works for all locations, also the top-level locations, like countries, continents

Current Behavior

Autocomplete breaks, when the rows include top-level locations, like a single country, e.g. Norway. Locations with approximations, e.g. Oslo, Norway work fine!

When the autocomplete breaks, it is not possible to delete or add new characters to the autocomplete.

Uncaught TypeError: Cannot read property 'type' of undefined
at AutoComplete.js:389
at Array.every (<anonymous>)
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)

extended:

| (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

Context

Providing an autocomplete input for location select. The autocomplete breaks, when the rows show a country, i.e. a top-level location item

this works:

Warsaw, Poland

this breaks:

Indonesia

Your Environment

Tech
Version

Material-UI
0.19.4

React
15.6.1

browser
Chrome

Issue 2:
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

[ x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

I have grid layout with multiple elements and responsive breakpoints sm and xs to display them in row on larger screens, and in column on small ones.

When I want to print my page to pdf using window.print() and A4 format, I should be able to replicate my layout

Current Behavior

On Chrome only xs breakpoint applies so elements appear in column, on Firefox, Safari they are displayed in row.

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.

Steps to Reproduce (for bugs)

https://codesandbox.io/s/jpkw9y4959?module=%2FLayout.js

Context

Trying to print pdfs and layout is broken in chrome (pretty much everything is displayed in one column so paper space is wasted)

Your Environment

Only tested in desktop versions.

Tech
Version
Bug

Material-UI
1.0.0-beta.20

React
16.0

Chrome
62.0.3202.75
yes

Firefox
56.0.2
no

Safari
11.0.1
no