final-form / final-form/react-final-form
[Bug] Chakra UI: SELECT does not update values
- 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
Assessment
This issue has not been assessed yet.