TextInput onKeyPress event hook

Is your feature request related to a problem? Please describe. We’re currently building custom Merchant Center applications using components from this library. One of the things we’re trying to implement is a search input field. We’d like to use TextInput, but we don’t want to search on every onChange event, but only when the user presses a key (in this case Enter).

Describe the solution you’d like Add an optional hook for onKeyPress to the TextInput component.

Describe alternatives you’ve considered Create our own input component with the correct styling.

Additional context I’m not the most experienced React developer, so perhaps I missed a way to accomplish this with the existing components.

[davidweterings]

Thanks for the suggestion @montezume . We actually implemented it exactly like this just a few moments ago!

Since there’s already a ticket for passing the other props, I’m gonna close this one. Thanks again for the quick response!

[montezume]

Hi,

Thanks for creating the issue. Have you considered just wrapping your input in a form and putting your search logic in the forms onSubmit? I created a codesandbox to show this. This way you don’t need to use onKeyPress and watch for a specific key press.

Does this solve your problem?

Sidenote: this issue goes well with #706. Once we do this refactor, you would be able to pass any props you need to the input itself.