Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/downshift-js/downshift/issues/217 below:

Cursor jumps to end of input when inputValue is a controlled prop · Issue #217 · downshift-js/downshift · GitHub

• Pricing

• downshift version: 1.11.0
• node version: 6.9 (and codesadbox.io, could not find out, what they're using)
• npm (or yarn) version: yarn 1.1.0 (and whatever codesandbox.io uses)

Problem description:

• Visit this codesandbox
• type text
• move cursor to the left
• type a letter
• the letter will be added at the correct position, but the cursor will move to the end of the input instead of staying where you have typed

Relevant code or config

class Demo extends React.Component {
  state = {
    inputValue: ""
  };

  render() {
    return (
      <div>
        <Downshift
          onStateChange={data => {
            return (
              data.hasOwnProperty("inputValue") &&
              this.setState({ inputValue: data.inputValue })
            );
          }}
          inputValue={this.state.inputValue}
        >
          {({ getInputProps }) => (
            <div>
              <input {...getInputProps()} />
            </div>
          )}
        </Downshift>
      </div>
    );
  }
}

You can’t perform that action at this time.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4