Comments (5)
You can resolve this by wrapping _this3.focusNextChar(target);
in a setTimeout function with 1ms delay in /dist/ReactIndividualCharacterInputBoxes.js
I've made a package with this change https://www.npmjs.com/package/react-individual-character-input-boxes3
from single-character-input-boxes.
I feel like I tried adding a delay once before but perhaps I didnt. Does it seem to have fixed the problem @OneTuskedMario ?
from single-character-input-boxes.
So I messed around with different timeouts and 1ms doesnt seem to make much of a difference but 5ms pretty much eliminates the problem. Thanks for the help OneTusk. Ill be updating this soon
from single-character-input-boxes.
So I messed around with different timeouts and 1ms doesnt seem to make much of a difference but 5ms pretty much eliminates the problem. Thanks for the help OneTusk. Ill be updating this soon
No problem @dannyradden, glad I could help. Thanks for this package :))
from single-character-input-boxes.
After some more testing with timeouts it turns out that they don't actually seem to have any effect on the problem. Even set at 100ms it still jumps around, perhaps even more often. I am going to have to try to find a different way to fix the problem.
from single-character-input-boxes.
Related Issues (14)
- Add autoFocus prop HOT 2
- online demo would be great HOT 8
- Feature request - input props HOT 7
- Box issues HOT 1
- Initial value of output HOT 3
- The component adds by default a margin of 100px that cannot be removed easily HOT 1
- How to change the border color on focus? HOT 5
- Problem when add web3modal to package.json HOT 2
- Link multiple RICIBs together?
- Evaluated for use: No way to prepoulate values, backspace does not behave as expected HOT 1
- How to console.log() final value?
- please accept inputProps type="tel"
- Feature Request: aria labels for inputs
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 single-character-input-boxes.