react-native-cn-richtext-editor icon indicating copy to clipboard operation
react-native-cn-richtext-editor copied to clipboard

In Android (RN 0.60.0 or above) issues

Open danyleo opened this issue 6 years ago • 11 comments

In Android (RN 0.60.0 or above) the editor blinks and hangs due to multiple calls of setStates and specially cursor issue, the cursor most of the times stands at wrong position

danyleo avatar Nov 05 '19 14:11 danyleo

This happens with the release bundle as well?

mqtik avatar Nov 05 '19 20:11 mqtik

yes with release also there is blink and cursor position issue, Test environment (RN 0,60.5, Android 8.1, "react-native-cn-richtext-editor": "^1.0.42",) Along with this there i s another issue when delete the letters it shows this error

Screenshot_1573028799

danyleo avatar Nov 06 '19 08:11 danyleo

Hi @danyleo and @mqtik. This issue is related to react-native TextInput and it's Selection property (RN 0.60.0 or above). As you may know we are using TextInput and javascript array to load content in the editor. There are few major issues recently related to this. So we decided to design a new editor in this package and use webview and html instead of TextInput. I'm working on PR right now. I'm trying to implement this new editor with same features. It's almost ready. It should fix issues like this and also #86 and #88.

imnapo avatar Nov 06 '19 14:11 imnapo

Oh, I'll stay tuned to see that! If you need any help with something, just let me know @imnapo

:D

mqtik avatar Nov 06 '19 14:11 mqtik

I think #86 it's fixed with the PR #87

(I was also having the same problems)

mqtik avatar Nov 06 '19 14:11 mqtik

Yeah you're right :)

imnapo avatar Nov 07 '19 23:11 imnapo

I'm still having the same problem.

react-native: 0.61.4 react: 16.9.0" react-native-cn-richtext-editor: ^1.0.42

muraterd avatar Nov 22 '19 09:11 muraterd

@muraterd 1.0.42, try next branch.

(npm install react-native-cn-richtext-editor@next)

mqtik avatar Nov 22 '19 13:11 mqtik

@imnapo Thanks for your help, I tried the @next branch and the cursor is now synced properly.

I noticed that the text still loads extremely slowly. I'm new to react native so it may be on my side, but I'm using the react native debugger and I don't see any performance issues with my simulator and I'm only running the example code for the advanced Rich Text Editor.

Is the slow typing something you are already aware of? If not, what do I need to do to demonstrate the problem on my Expo simulator? Thanks in advance!

Also, when I click on any of the styling options in the CNToolbar, it takes about ~2s to respond and highlight the option. Is that expected? (When I switched back to the smaller example rich text editor from the extension page the issue with highlighting options goes away, but the above problem with extremely slow typing is still present.)

kalebjdavenport avatar Mar 16 '20 13:03 kalebjdavenport

@mqtik Next branch did not work for me. I'm on RN version 0.61.4. The cursor flicker seems to have gotten worse actually. I'm also still getting the setSpan error shown above on Android. Any other fixes?

AndyRC6 avatar Apr 03 '20 17:04 AndyRC6

cursor flickering isssue please tell me how to fixed it using cn-richtext-editor

shailesh92 avatar Apr 10 '20 08:04 shailesh92