Material-ui: [Fab] Inconsistent click event behavior

[hug0b]

• [x] The issue is present in the latest release.
• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Props of a Fab component like "name" and "value" are often inaccessible when handling click events.

Expected Behavior 🤔

Those props should always be accessible inside event.target.value and event.target.name.

Steps to Reproduce 🕹

Codesandbox comparing the click event values for Fab, SpeedDialAction and button

(SpeedDialAction is included because it uses the Fab component and I had originally an issue with it).

This bug is quite odd... the events seem to register when clicking the bottom or top of a FAB but not anywhere else. Maybe it's an issue with the icons ?

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.9.5 |
| React | 16.13.0 |
| Browser | Firefox and Chrome |

[eps1lon]

You probably want to use currentTarget instead of target.