MDBInput doesn't hold cursos position in controlled sta

Hi, I tried to reproduce code with your problem but can't get any problems with the jumping cursor.

Here is the code :

import React, { useState } from "react";
import { MDBInput } from "mdbreact";

const InputPage = () => {
  let [value, setValue] = useState("");

  const onChangeHandler = e => {
    setValue(e.target.value)
    console.log(e.target.value)
  }

  return (
    <div style={{ width: "400px", padding: "20px" }}>
      <MDBInput
        label="Material input"
        onChange={onChangeHandler}
        value={value}
      />
    </div>
  );
};

export default InputPage;

What browser and version of the browser do you use?

Hi thank you for your fast response. I investigated further and the problem occure when I control Input with redux. I am using redux-form, a problem occure when a connect MDBInput na redux. I tried connecting other inputs like from materiaul-ui and that works correctly. Sorry for bad english.

Here is code: https://codesandbox.io/embed/mdbinput-bug-ldswh?fontsize=14

Hi,

That's an interesting case. For now, I can't get you the answer what is the reason of this problem.

I will try to find the reason of this behaviour and if I find I will write in this thicket.

Best regards.

Hi,

We also use redux-form in our production quite a lot at our company. And we encountered same problem and are still looking for way to fix it. Did you find some solution?

Thank you. Best regards.

Hi,

Unfortunately, we didn't find the reason for this behaviour. But we work on this.

Maybe you found other issues associated with redux-from? This info will be helpful for us.

Hello,

I've the same behaviour with the mdbinput using redux to updating its value. The same code with a standard html input works correctly. Please keep me updated just you find the solution,

Thanks! Best regards.

Hello,

any progress on this? Please keep me updated as well when you find solution or workaround. For now we didn't find more issues with redux-form.

Thanks! Best regards.

Hi,

Unfortunately, we have a lot of work to do and can't dive deep into this problem. But we work on this.

Of course, we will inform you if we will find the solution.

Thank you for the information about other issues.

Best regards.

Hello, I have encountered this bug aswell as you do not have public repository not provide original source I cannot attempt to fix the issue myself and do pull request.

However, I have a theory, are you sure that you are not removing the input's value before changing to the next value? When value from input is removed and new one is set instead of changing value right away it moves caret to the end of the input.

This is not a DOM's issue though as this occurs only and only when using Redux-Form when using native DOM element input ti works fine and when using MDB without Redux-Form it works fine too.

Thanks.