redux-form-material-ui icon indicating copy to clipboard operation
redux-form-material-ui copied to clipboard

AutoComplete does not work properly with redux-form/immutable

Open jmtoung opened this issue 8 years ago • 0 comments

Hi,

I've been scratching my head for the past few days over this issue, and I finally got to the bottom of it. However, I don't have the expertise to cold the appropriate changes, so if @erikras could take a look at this, I'd be eternally grateful.

In short, I found the following behavior:

When I have

import { Field, reduxForm } from 'redux-form/immutable';
import {
  AutoComplete,
  TextField,
} from 'redux-form-material-ui';

It seems that my TextField components work beautifully, but my AutoComplete has this strange behavior where I can set the value once to something in my dataSource, but after that I am never allowed to edit it again.

I carefully studied the Live Demo and noticed that the only difference between my AutoComplete and the Live Demo was that I was using reduxForm and Field from redux-form/immutable whereas the Live Demo was importing from simply redux-form.

When I used import { Field, reduxForm } from redux-form instead, AutoComplete worked as expected, but now all my TextFields do not work properly. The fact that TextFields does not work properly is understandable as I am using combineReducers from redux-form/immutable, which I must do because I have reducers in my app that deal with Immutable objects.

Could someone please send some pointers?

Thanks

jmtoung avatar Sep 26 '17 01:09 jmtoung