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

[Bug] Chakra UI: SELECT does not update values

Open
#838 0 comments 0 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?

Chakra UI input fields (i.e., textboxes) update the react-final-form values. However, the Chakra UI SELECT field does not update values. It loads data, but on change, the form values are not updated. If I replace with a Chakra UI INPUT field, it works.

The relevant code looks something like this:
```

import { Select, Box } from '@chakra-ui/core'

const {
meta: { error, touched },
} = useField(name, { subscription: { error: true, touched: true } })

(




onValueChange(e, true)}
style={style}
>
{options.map((item, index) => (

{item[textField]}

))}


```

### What is the expected behavior?
Expect form data to be updated.

### Sandbox Link
I assume this is a known issue; otherwise, I feel like `Select` would have been included in the Chakra demo (but it was omitted)
https://codesandbox.io/s/8ndfo

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.