Skip to content

Custom component inside field does not receive focus #315

@nareshbhatia

Description

@nareshbhatia

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 <Field> and the second is raw (see code for both here). The first one doesn't work, the second one works. The code for the embedded Tz component is here.

What's your environment?

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions