Customize inputElement not working...

[hachi1030-Allen]

Dear author,

I feel this libray quite cool and I have successfully override the addButtonElement, editButtonElement, etc. with Material UI IconButtons.

Looks very nice, but when I try to customize the inputElement, it's not working for me.

My code is like below:

inputElement={(usage, keyPath, deep, keyName, data, dataType) => (
            <TextField />
          )}

I am using React, and I simply replaced the default to this element.

The UI part is modified as below:

But when I input values and click on the add button, nothing happened. Even no error in console log.

But if I change back to the default inputElement, the add button works without any issue. So it's not the addButtonElement issue but the inputElement issue.

Can you help to take a look at this and let me know if I am doing anything wrong?

Thanks!

[oxyno-zeta]

Hello,

Thanks for creating an issue and sorry for the delay.

Do you have a codepen or a codesandbox that show that problem?
That would help me looking at the problem.

Thanks !

Best regards,

Oxyno-zeta

[vicodevv]

You can try:

            inputElement={(props) => (
            <TextField
              {...props}
              onChange={handleEditorChange}
              style={{ color: '#ff0000', height: '30px' }}
            />
          )}