Comments (3)
<CurrencyInput
{...props.inputProps}
name="someName"
value="1234.56"
allowNegative
decimalSeparator=","
thousandSeparator="."
precision="2"
className="pp-input"
onChangeEvent={e => props.input.onChange(handleOnChange(e))}
/>
Where props.input.onChange
is from Redux Form and handleOnChange
clean up the masked value to store in Redux Form.
The scenario is:
- The component is mounted as plain text
- User clicks on a edit button
- The component is mounted as CurrencyInput with
autoFocus
At this point the error described occurs on Console.
from react-currency-input.
Can you provide some sample code to reproduce this?
from react-currency-input.
Hey guys,
I am having a kind of focus problem, but only in a mobile version (I've tested in Safari and Chrome for iOS).
See the video: https://youtu.be/fTpESlAdSFs
I have 3 in the same page. The last one is highlighted since the page is opened. Every time I choose a different one above and hit a number, the code jumped focusing the last one.
<Col lg={8} md={8} sm={24} xs={24}>
<Form.Item label="Balance">
{getFieldDecorator('balanceAmount')(
<CurrencyInput
name="balanceAmount"
prefix="$"
decimalSeparator="."
thousandSeparator=","
className="ant-input"
pattern="[0-9]*"
/>
)}
</Form.Item>
</Col>
<Col lg={8} md={8} sm={24} xs={24}>
<Form.Item label="Bonus">
{getFieldDecorator('bonusAmount')(
<CurrencyInput
name="bonusAmount"
prefix="$"
decimalSeparator="."
thousandSeparator=","
className="ant-input"
pattern="[0-9]*"
/>
)}
</Form.Item>
</Col>
<Col lg={8} md={8} sm={24} xs={24}>
<Form.Item label="Special Fund">
{getFieldDecorator('specialFund')(
<CurrencyInput
name="specialFund"
prefix="$"
decimalSeparator="."
thousandSeparator=","
className="ant-input"
pattern="[0-9]*"
/>
)}
</Form.Item>
</Col>
</Row>```
Any thoughts?
Thank you.
from react-currency-input.
Related Issues (20)
- Optional decimal separator? HOT 1
- dont work with hooks HOT 6
- Is this package still being maintained? HOT 2
- Please add minimum and maximum value constraints HOT 1
- Please publish a new version HOT 5
- Vulnerabilities found in project dependencies HOT 8
- ref not working correctly with react-hook-form
- Test framework shouldn't be included as dev dependency HOT 2
- Option to make the field a required field
- Please publish the latest changes on master HOT 1
- React complaining about PascalCase props
- Demo page HOT 2
- Issue adding zero running on iOS 9 with Safari
- auto focus false not working HOT 6
- Precision={0} with suffix=",00" make the value passed on onChangeEvent wrong
- IE browser issue HOT 5
- Allow integer parsing HOT 1
- lacks name attribute for support with redux form
- Warning message - React 16.9.0 HOT 2
- Problems with copy paste values 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 react-currency-input.