imnapo / react-native-cn-richtext-editor

Richtext editor for react native
MIT License
218 stars 113 forks source link

Cursor of TextInput auto jumping crazy after input text on Android with RN 0.60.3 #70

Closed asiadigitalhub closed 5 years ago

asiadigitalhub commented 5 years ago

Thanks for this helpful lib. It already working fine with me on RN 0.57.3 but after I update version, this bug is appear. I already debug many times, maybe relate to TextInput on CNTextInput. The onSelectionChange call twice time every type any text input and return different selection value.

nishiltamboli commented 5 years ago

I can confirm I also face the same issue with RN 0.60+ version.

rezaarifian commented 5 years ago

same issue on RN 0.60.4

no pull request for next release

dancomanlive commented 5 years ago

Same on 0.60.0. Any solution?

imnapo commented 5 years ago

Hi guys, we are working on this issue and we will try to fix it as soon as possible.

imnapo commented 5 years ago

It seems this issue is related to react-native TextInput Component. You may follow related issues : facebook/react-native#26047 and facebook/react-native#25265

danilolucasmd commented 5 years ago

same issue on RN 0.59.8

srhtylmz19 commented 5 years ago

any update?

ohpax commented 5 years ago

I am going to close this because as @imnapo said this issue is with react-native library.

srhtylmz19 commented 5 years ago

its not related with react native , cus it works well with TextInput of react native

sushantb21 commented 5 years ago

use this code <CNRichTextEditor ref={input => this.editor = input} onSelectedTagChanged={() => this.onSelectedTagChanged} onSelectedStyleChanged={() => this.onSelectedStyleChanged} value={this.state.value} style={{ backgroundColor : '#fff'}} styleList={defaultStyles} onValueChanged={() => this.onValueChanged} />

hussainhspl commented 4 years ago

use this code <CNRichTextEditor ref={input => this.editor = input} onSelectedTagChanged={() => this.onSelectedTagChanged} onSelectedStyleChanged={() => this.onSelectedStyleChanged} value={this.state.value} style={{ backgroundColor : '#fff'}} styleList={defaultStyles} onValueChanged={() => this.onValueChanged} />

making fat arrow function will solve the issue