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

Expected Behavior

As a user who is navigating the react-router enabled site using the keyboard, I have made my way to a Tabs component, and it is displaying keyboard focus properly. To select the focused tab, I hit space bar, and react-router updates my view to the corresponding component.

Current Behavior

When selecting the keyboard focused tab by hitting spacebar, a javascript error is thrown from Material UI.

ButtonBase.js:149 Uncaught TypeError: Cannot read property 'start' of null
at TouchRipple.<anonymous> (ButtonBase.js:149)
at commitCallbacks (react-dom.development.js:7250)
at commitLifeCycles (react-dom.development.js:11524)
at commitAllLifeCycles (react-dom.development.js:12294)
at HTMLUnknownElement.callCallback (react-dom.development.js:1299)
at Object.invokeGuardedCallbackDev (react-dom.development.js:1338)
at invokeGuardedCallback (react-dom.development.js:1195)
at commitAllWork (react-dom.development.js:12415)
at workLoop (react-dom.development.js:12687)
at HTMLUnknownElement.callCallback (react-dom.development.js:1299)
(anonymous) @ ButtonBase.js:149
commitCallbacks @ react-dom.development.js:7250
commitLifeCycles @ react-dom.development.js:11524
commitAllLifeCycles @ react-dom.development.js:12294
callCallback @ react-dom.development.js:1299
invokeGuardedCallbackDev @ react-dom.development.js:1338
invokeGuardedCallback @ react-dom.development.js:1195
commitAllWork @ react-dom.development.js:12415
workLoop @ react-dom.development.js:12687
callCallback @ react-dom.development.js:1299
invokeGuardedCallbackDev @ react-dom.development.js:1338
invokeGuardedCallback @ react-dom.development.js:1195
performWork @ react-dom.development.js:12800
batchedUpdates @ react-dom.development.js:13244
performFiberBatchedUpdates @ react-dom.development.js:1646
stackBatchedUpdates @ react-dom.development.js:1637
batchedUpdates @ react-dom.development.js:1651
batchedUpdatesWithControlledComponents @ react-dom.development.js:1664
dispatchEvent @ react-dom.development.js:1874

Steps to Reproduce (for bugs)

Press Tab key until keyboard focus is on the "Bar" Item.

Press spacebar

Observe JS error

Your Environment

Tech
Version

Material-UI
1.0.0-beta.30

React
16.0.0

React Router
4.2.2

browser
All

Issue 2:
Not sure if this is a bug or something I'm doing wrong. I've upgraded to v1.0.0-alpha.1 to fix issues with the react-tap-event-plugin, and trying to modify things to suit the new docs but my drawer won't open.

When I attempt to open it, I get this error:

Uncaught TypeError: Cannot read property 'contains' of null
at eval (contains.js:17)
at Modal.focus (Modal.js:209)
at Modal.handleShow (Modal.js:237)
at Modal.componentDidUpdate (Modal.js:185)
at commitLifeCycles (react-dom.development.js:13462)
at commitAllLifeCycles (react-dom.development.js:13987)
at HTMLUnknownElement.boundFunc (react-dom.development.js:229)
at invokeGuardedCallback (react-dom.development.js:243)
at invokeGuardedCallback (react-dom.development.js:278)
at commitAllWork (react-dom.development.js:14100)

The drawer is toggled open by setting a state variable which is bound to the "open" prop of Drawer.

The Drawer itself looks like this:

<Drawer
anchor="left"
docked={false}
open={menuOpen}
onRequestClose={toggleMenu}
onClick={toggleMenu}
classes={classes}>
<div>This is a test</div>
</Drawer

toggleMenu is a function that just toggles the menuOpen boolean. From poring through the code it seems the modal has no content, but I can't figure out why. If I dump out modalContent at Modal.js:208 it comes back empty.

I've tried lots of variations of content, none of them make any difference. The error only occurs once I click to open the drawer.

I'm working on React 16.0.0-alpha.12