RIEInput is disabled after being edited

[suziesirena]

I'm using React and Material UI table. I want to make the table cells editable so I put a RIEInput in a cell of the table. The problem is that after being edited, the RIEInput is disabled :

you can see that the 'loading' state remains to 'true' after leaving focus the element.

here is my code :

      <TableRow key={index}>
          <TableRowColumn>
            <RIEInput
              value={item.title}
              change={(text) =>self.updateTitle(text, item.ID)}
              propName="text"
              validate={_.isString}
                />
          </TableRowColumn>
        </TableRow>

how can I manage this strange behavior?

[suziesirena]

As a workaround, I have changed line 102 of RIEStatefulBase.js to force disabled to false:

disabled: false, //_this.state.loading,

But I would know why the loading state remains true...

[ibc]

The doc clearly explains that it will be disabled until the parent React components renders the input again.

[saikat-bhattacharya]

I am also facing the same problem while using with React hooks. Any solution here?

[arel]

It looks like this project isn't active anymore, but inspired by @suziesirena's comment, I came across a workaround that does not require changing the source code. Use the editProps property to prevent disabling:

<RIEInput
  value={item.title}
  change={(text) =>self.updateTitle(text, item.ID)}
  propName="text"
  validate={_.isString}
  editProps={{ disabled: false }}
/>