final-form / final-form/react-final-form

Custom component inside field does not receive focus

Open
#315 0 comments 6 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.4k
Forks
497
PR merge metrics
No merged PRs in 30d

Description

### Are you submitting a **bug report** or a **feature request**?

Bug report

### What is the current behavior?

I am embedding a react-autosuggest component inside a `Field`. When the field receives focus, the autosuggest component does not drop down to show the suggestions.

### What is the expected behavior?

When the field receives focus, the autosuggest component should drop down to show the suggestions.

### Sandbox Link

https://github.com/nareshbhatia/form-lib-demo

In the screenshot, notice the two Time Zone fields side-by-side near the bottom-right. The first is inside a `` and the second is raw (see code for both [here](https://github.com/nareshbhatia/form-lib-demo/blob/master/src/features/final-form-page/book-form.js#L193-L211)). The first one doesn't work, the second one works. The code for the embedded `Tz` component is [here](https://github.com/nareshbhatia/form-lib-demo/blob/master/src/features/final-form-page/components/tz.js).

### What's your environment?

final-form: 4.9.1
react-final-form: 3.6.5

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.