Select onChange is called 3 times

[EmiBemi]

• What RMWC Version are you using [major.minor.patch]: 8.0.5

• Name your build system [Webpack, Rollup...]: CRA

• Describe the bug with as much detail as possible:
  To see the bug:

1. go to https://rmwc.io/select-menus
2. scroll down to Controlled / Uncontrolled
3. open developer tool and the console
4. switch between the options
5. observe that the value is being console.log'ed 3 times

[kintz09]

I ran into this bug in our projects this week and can confirm its occurring. We are using version 8.0.5, 8.0.6, 8.0.7, and 8.08 in a create react app v4 react typescript project.

Here is a video I recorded demoing this bug using the documentation website. I verified it occurs with both controlled and uncontrolled instances.

Do we know if this bug is caused by RMWC or could it be a bug in the Material package?

[kintz09]

Here is the changelog for @Material 8.0.0.

It looks like something about change events was fixed:

select: Deduplicate change events (4ad1274), closes material-components/material-components-web#5570
select: do not emit change event when same value selected twice (e07a708)

I don't see any other bug fixes related to change events in versions after 8.0.0 so I wouldn't think this is a material bug, but maybe those issues linked above can help us determine the cause of this bug.

[jensborch]

This is still an issue, additionally the select documentation is somewhat broken see #1254 and #1252