[Select] onBlur event target

[Mangatt]

There is some mismatch with [Select] events.

<Select 
    onChange={console.log} 
    onBlur={console.log}
>
    {options}
</Select>

In this case, both events are fired, but onChange has event.target set to [Input] with appropriate attributes, but onBlur has event.target set to [Select]. Even when onBlur is set directly to [Input], event.target is still [Select].

Problem is that this makes onBlur event useless when you need handle input value onBlur in stateless components. You can't read input value or any of attributes.

[oliviertassinari]

@Mangatt We are trying to simulate a native select. The implementation is challenging. The blur event comes from a div: https://github.com/mui-org/material-ui/blob/4bf97b52113f104174f0cd850bfc2a8fc73c2d99/packages/material-ui/src/Select/SelectInput.js#L287

[Mangatt]

Just a suggestion, wouldn't be better to pass name/value in event.target, same way that it is handled in onChange event in https://github.com/mui-org/material-ui/blob/a207808404a703d1ea2b03ac510343be6404b166/packages/material-ui/src/Select/SelectInput.js#L102?

[oliviertassinari]

@Mangatt Yeah, maybe.

[oliviertassinari]

@Mangatt Alright, this sounds like a good idea. Do you want to work on it? I think that we can copy #12231.

[hassan-zaheer]

@oliviertassinari I can work on this one? Just to confirm the agreed upon solution is to pass value and name as part of the event.target?

[Mangatt]

@hassan-zaheer It would be great, since I'm unavailable to work on this issue right now. And I guess that no one else is working on this.

[hassan-zaheer]

np I can submit a fix tonight