Material-ui: [SpeedDial] Dial has to be pressed twice on mobile before opening

[MathiasKandelborg]

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

Expected Behavior

Going to the component demo on the website on mobile (or simulating with chrome dev tools), then tapping on the speed dial, which opens. On the events onBlur and onClose, the speed dial closes and you can tap on it for it to open again.

Current Behavior

Going to the component demo on the website on mobile (or simulating with chrome dev tools), then tapping on the speed dial, which 'ripples' but doesn't open until the second tab. On the events onBlur and onClose, the speed dial closes and you can tap on it twice for it to open again.

Steps to Reproduce (for bugs)

1. Go to the component demo on the website on mobile (or simulating with chrome dev tools)
2. Tap the speed dial, tap elsewhere, then on the speed dial again

Please note that I've only copied the code from the example and tried it in my own app where I noticed the bug. I then proceeded to test if the bug was present on the demo page, which it is. That means the problem should be reproducible by going to the website or making a local clone of this repository and running the docs as described in contributing.md

Context

I am developing some visual components for repeated use, trying to follow Material Design guidelines - which is quite easy and fun with Material-UI!:smile:

I want to create a fab that contains several contact options. To achieve this, I think a speed dial is a great option because of the separation between individual icons. The separation enables one to use icons that have a similar action (e.g. calling, emailing, sending a form).

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | ^1.0.0-beta.36 |
| React | ^16.2.0 |
| Google Chrome (Desktop) | Version 65.0.3325.162 (Official Build) (64-bit) |
| Google Chrome (Mobile: Samsung S8+) | Version 65.0.3325.109 |

[eps1lon]

This should've been fixed either with #10713 or #12771.

It should work on @material-ui/lab@^3.0.0-alpha.16.

[kmhigashioka]

I think the issue still persists on 3.0.0-alpha.30. Even on documentation page using chrome's toggle device toolbar.