Comments (14)
you are right @hbarcelos i will adjust the code soon 👍
from input.
fork and submit a PR would be perfect :)
from input.
ah cool! Whenever you are free man no pressure. Sorry tagged you twice 😅
from input.
I will take a look at this soon :)
from input.
I think I've found the problem here:
https://github.com/react-hook-form/react-hook-form-input/blob/master/src/index.tsx#L6
This line:
return target ? (isCheckbox ? target.checked : target.value) : target;
If we have a checkbox, it always returns the checked
properties, regardless value
is set or not.
To be consistent with the way react-hook-form
works, it should return a value based on the following algorithm:
If `checked` is `false`:
Then return `false`
Else if `checked` is `true`
If `value` is non-empty
Then return `value`
Else
Then return `true`
I've updated the linked sandbox to demonstrate this.
from input.
actually you interested to contribute? you already know the solution :)
from input.
Sure. How can I do that? Should I fork and submit a PR or would you give me some permissions for this repo?
from input.
Anything new on this. I took a stab at it today with no success. I'm trying to do grouped checkboxes with same name.
from input.
@jtoliver i believe @hbarcelos is looking into this.
@hbarcelos any update on this PR? I am happy to take a look this over the weekend tho.
from input.
@bluebill1049 sorry for the delay... Busy week. I'll have some time during the weekend.
It is quite an easy fix to do, but I would want to add some regression tests as well, so this could take a little bit longer than editing 1 or 2 lines.
from input.
awesome! thanks @hbarcelos
from input.
hey @hbarcelos, wondering if any update on this issue?
from input.
going to close this issue for now, unless someone encounter similar problem.
from input.
Hey, I'm sorry... This has being a pretty busy end of year for me. I'll try to work on this before x-mas though.
from input.
Related Issues (20)
- RHFInput `as` props shows errors in TypeScript HOT 5
- RHFInput 'onBlur' mode deselects selected option when using React-Select HOT 5
- Issues with RHFInput and validation HOT 1
- When value is set to select, I can no longer select another value
- Type error about async validate function HOT 3
- Warning: A component is changing an uncontrolled input of type text to be controlled. HOT 2
- RHFInput + AntD TimePicker isn't working after 1.1.0 HOT 1
- Using RFHInput with MaterialUI TextField : `[object HTMLInputElement]` when empty HOT 1
- Question: Proper way of using RHFInput in MaterialUI custom component? HOT 4
- Lost selected option in Select component when value is 0 HOT 4
- Checkbox validation is not working as expected HOT 10
- AntD switch is not correctly if type is checkbox. HOT 4
- React Semantic UI modal with React Hook Form default values disappear HOT 8
- RHFInput type issue with setValue HOT 4
- Why always get a strange number when using the V4 version in ReactNative HOT 1
- RHF Input with React-Select Libary HOT 2
- export 'useFormContext' was not found in 'react-hook-form' HOT 1
- RHFInput + Semantic UI (Checkbox and Select) HOT 1
- Cursor AutoFocus to the end on editing text HOT 1
- Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from input.