Commite4262e5

committed

update auto fill mobile chrome

1 parent9c95575 commite4262e5Copy full SHA for e4262e5

File tree

+10

-4

lines changed

+10

-4

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name":"reactjs-otp-input",`
`3`		`-"version":"1.0.1",`
	`3`	`+"version":"1.0.2",`
`4`	`4`	`"description":"A fully customizable, one-time password input component for the web built with React",`
`5`	`5`	`"main":"lib/index.js",`
`6`	`6`	`"scripts": {`

Lines changed: 9 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,7 @@ class SingleOtpInput extends PureComponent {`
`101`	`101`	`hasErrored&&errorStyle`
`102`	`102`	`)}`
`103`	`103`	`type={this.getType()}`
`104`		`-maxLength="1"`
	`104`	`+//maxLength='1'`
`105`	`105`	`ref={this.input}`
`106`	`106`	`disabled={isDisabled}`
`107`	`107`	`value={value ?value :''}`
`@@ -220,9 +220,15 @@ class OtpInput extends Component {`
`220`	`220`	`});`
`221`	`221`	`};`
`222`	`222`
`223`		`-handleOnChange=(e)=>{`
	`223`	`+handleOnChange=(idx)=>(e)=>{`
`224`	`224`	`const{ value}=e.target;`
`225`	`225`
	`226`	`+// Fix Fill value`
	`227`	`+if(idx===0&&value.length===this.props.numInputs){`
	`228`	`+this.handleOtpChange(value.split(''));`
	`229`	`+return;`
	`230`	`+}`
	`231`	`+`
`226`	`232`	`if(this.isInputValueValid(value)){`
`227`	`233`	`this.changeCodeAtFocus(value);`
`228`	`234`	`}`
`@@ -298,7 +304,7 @@ class OtpInput extends Component {`
`298`	`304`	`index={i}`
`299`	`305`	`focus={activeInput===i}`
`300`	`306`	`value={otp&&otp[i]}`
`301`		`-onChange={this.handleOnChange}`
	`307`	`+onChange={this.handleOnChange(i)}`
`302`	`308`	`onKeyDown={this.handleOnKeyDown}`
`303`	`309`	`onInput={this.handleOnInput}`
`304`	`310`	`onPaste={this.handleOnPaste}`

Comments

(0)