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

Semantic React UI controlled components not working with React Final Form

Open
#939 2 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.4k
Forks
497
PR merge metrics
No merged PRs in 30d

Description

Bug report.

I'm using Semantic React UI 2.02 with react-final-form 6.5.3.

**First Issue**

I have a controlled Semantic React UI dropdown on a component that gets its value from the parent. If I put the Dropdown component directly into a React Final Form Field it works as expected. I can clear the currently selected value in the dropdown by updating the state value. But when I use a component you can see it ignores any change the parents tries to make to the state.

Not many examples out there to help guide me unfortunately.

**Second Issue**

Issue was "fixed" in 6.3.1 but still appears to exist.

#544

If I try to pass multiple to a custom component the value is ignored and always false.

Link to sandbox here [click here for sandbox](https://codesandbox.io/s/semantic-react-ui-react-final-form-how-to-clear-dropdown-4l17f?file=/src/index.tsx)

**Third Issue**
If you implement a wizard form and use a Semantic React UI dropdown on one of those forms. When you try to move back, the value selected on the dropdown is lost. Can't figure out a way to set it back again.

Would appreciate the wisdom of other users. Thanks in advance.

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.