[SelectField] onFocus and onBlur not being called

[shilpan]

My code is as follows:

<SelectField
    onFocus={() => console.log('focus')}>
    {
         [<MenuItem/>]
    }
</SelectField>

[wzup]

Same story here, onFocus is not called for SelectField.

@oliviertassinari What does it mean onFocus event are now emitted on the AutoComplete component? Could you please elaborate on how AutoComplete is connected to SelectField? Should I use AutoComplete along with SelectField in order to get onFocus to work in SelectField? How? Could you please draw an example?

[oliviertassinari]

@wzup I'm gonna remove AutoComplete references from this issue. The two components are not linked.

[wbprice]

@shilpan were you able to find a workaround for this issue?

[laispace]

hi, what about this issue now?

[sijanonly]

Is the issue resolved ?

[oliviertassinari]

Is the issue resolved?

No, I don't think so.

[kelsonic]

Is the issue resolved ?

Still no? ... For those of you that need that functionality, I tried out react-select and it satisfied our business needs.

[alicerocheman]

no onFocus, no onClick...

[efeminella]

Yeah, I am trying to implement onBlur against a SelectField, but to no avail :(

[MathieuLorber]

I temporarily resolved the problem by setting onBlur on all my MenuItems... (for onBlur only, I didn't check for onFocus).

Still, it's not perfect. Depending on the zone of the click, onBlur can be directly called, and my error message is visually displayed quicker than the MenuItems =/

@alicerocheman onClick is ok for me

[davidrenne]

I am having this issue as well!

[BernardoFBBraga]

I'm having this issue as well.
I'm using @MathieuLorber 's technique inserting onBlur on the menuItens and also using onBlur on the SelectField

for the focus, I got onClick for clicking focus and onFocusCapture on a parent div for keyboard focus

Clicking on the arrow fires both handlers, clicking anywhere else only fires onClick

a very ugly workaround and you'll get many unnecessary calls, but it may help someone desperate