title: How do I get Material-UI SpeedDialAction onClick events to fire when SpeedDial is open on click only (not hover)
body: <p>For some reason, when I change material-ui <code>&lt;SpeedDial&gt;</code> to remove the prop <code>onMouseEnter={handleOpen}</code> so that the speed dial only opens upon clicking the FAB instead of on hover, the <code>onClick</code> event in <code>&lt;SpeedDialAction&gt;</code> does not get triggered when I click a speed dial menu item. I feel like I'm missing something fundamental here.</p>
  
  <pre><code>  return (
      &lt;SpeedDial
        ariaLabel="Add"
        className={classes.root}
        icon={&lt;SpeedDialIcon /&gt;}
        onClick={handleClick}
        onClose={handleClose}
        onBlur={handleClose}
        // onMouseEnter={handleOpen}
        // onMouseLeave={handleClose}
        open={open}
        direction={mobile ? 'up' : 'down'}
      &gt;
        {actions.map(action =&gt; (
          &lt;SpeedDialAction
            key={action.name}
            icon={action.icon}
            tooltipTitle={action.name}
            tooltipOpen
            classes={{ staticTooltipLabel: classes.staticTooltipLabel }}
            onClick={e =&gt; {
              e.preventDefault();
              alert('x');
            }}
          /&gt;
        ))}
      &lt;/SpeedDial&gt;
    );
  </code></pre>