search

devfolioco / react-otp-input

:heavy_check_mark: OTP Input Component for React
http://devfolioco.github.io/react-otp-input
MIT License
643 stars 423 forks source link

In ios , i cant see value entered in otp box but same code works on android #421

Closed shubham-khatod closed 9 months ago

shubham-khatod commented 9 months ago
shubham-khatod commented 9 months ago

<div style={{ marginTop: "20px" }} className="center"> <OtpInput inputStyle='otp-input-style' value={this.state.otp} onChange={this.handleChange} numInputs={4} isInputNum={true} separator={-} hasErrored={this.state.isIncorrectOtp} errorStyle='otp-input-error' />

Simulator Screen Shot - iPhone 14 - 2023-09-30 at 11 18 44

shubham-khatod commented 9 months ago

<div style={{ marginTop: "20px" }} className="center"> <OtpInput inputStyle='otp-input-style' value={this.state.otp} onChange={this.handleChange} numInputs={4} isInputNum={true} separator={-} hasErrored={this.state.isIncorrectOtp} errorStyle='otp-input-error' />

prateek3255 commented 9 months ago

@shubham-khatod Can you upgrade to the latest version please, we don't have errorStyle etc. attributes anymore because the library no longer controls the input, you can add error styles directly to the input now