Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug] [2020.04] TextInput onChange lose focus

See original GitHub issue

After upgrade when the value change the textInput lost focus, it seems that is rendering again the component in onChange event. (See Gif)

Component

<TextInput
                value={this.state.addEgressHost.host}
                type="text"
                id="addEgressHost"
                key="addEgressHost"
                aria-describedby="add egress host"
                name="addHost"
                onChange={this.onAddHost}
                isValid={this.state.validEgressHost}
              />

OnAddHost method

  onAddHost = (value: string, _) => {
    const host = value.trim();
    this.setState({
      addEgressHost: {
        host: host
      },
      validEgressHost: isServerHostValid(host)
    });
  };

GIF

ezgif-4-5a5a26e8e121

Issue Analytics

State:
Created 3 years ago
Comments:12 (10 by maintainers)

Top GitHub Comments

1reaction

redallencommented, Apr 20, 2020

I’m investigating this now and it seems to be a problem on any <input> element inside of a table row. It also appears to occur on "@patternfly/react-table": "2.24.41" which is what kiali is using. Will update once I find a fix…

1reaction

aljesusgcommented, Apr 16, 2020

Ok @redallen let me do some research. Thanks !!!