Comments (1)
THIS.
This also potentially results in incorrect values being added into the form due to field values being changed before the user has finished inputting the complete intended value.
An example of this can be seen using the React Final Form example for Calculated Fields here: https://codesandbox.io/s/oq52p6v96y
Without changing anything in the code example, perform the following steps to reproduce the issue:
- go to the form and enter
5
as the value for "Minimum" - now attempt to enter
10
as a value for "Maximum"
As soon as you type the 1
in the "Maximum" field (when trying to type 10
) the value for the "Minimum" field changes to 1
.
This is obvious on such a small form, but could easily be missed on a more complex form and result in unintended data being entered.
from final-form-calculate.
Related Issues (20)
- How to compute using nested fields? HOT 1
- Access previous values HOT 2
- Allow to block field updates on chained updates HOT 2
- Update gets triggered on render with initialValues HOT 13
- Fieldnames as array don't work when nested fields change HOT 1
- React final form calculate makes dirty form in async initalValues
- Final form calculate doesn't work with array fields for the initial calculation HOT 1
- update is not a function HOT 1
- Why not use useEffect and FormSpy? HOT 2
- FieldPattern supports array of regular expressions HOT 2
- Calculated fields got lost when form reset and none of the fields that trigger the calculations is dirty
- Trigger calculalte/updates only onBlur events HOT 1
- field update does not trigger parse
- Provide FormValues for createDecorator HOT 5
- matching pattern
- field matching pattern
- calculate sum of total price
- Version 1.3.2 lacks the type hint updates HOT 4
- If the component re-render, prevValues will be an empty object and the calculated values will the be broken
- Is this package still alive?
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 final-form-calculate.