Scrolling not working properly

[mayankbaiswar-CSE]

I tried to integrate your library, but when I scroll to the end it automatically scrolls back toward top approx 50 points from the bottom.

Steps to reproduce:

1. Provide the content of at least one page. So, that scrolling gets enable.
2. Now when you press return key from the keyboard, in this case, you won't be able to see the cursor actually, it goes beyond the keyboard.
3. Even if you tried to scroll to the end, it automatically scrolls back toward top approx 50 to 60 points from the bottom.

[quy1403]

+1

[quy1403]

@artald @yevhenpavliuk @EdenGottlieb plz help us, thanks u so much

[tzurae]

+1...

[astraeapark]

anyone solved this problem?? help~~ :(

[jaspal-singh-gulati]

I got the quick fix for this

You just need to modify the below code of line in RichTextEditor.js const editorAvailableHeight = Dimensions.get('window').height - keyboardHeight - spacing; with const editorAvailableHeight = Dimensions.get('window').height - keyboardHeight - spacing - 80;

It works perfectly for me.

[astraeapark]

oh! I also solved it.

react-native-zss-rich-text-editor/src/RichTextEditor.js

origin) const editorAvailableHeight = Dimensions.get('window').height - keyboardHeight - spacing; ==> my code) const editorAvailableHeight = Dimensions.get('window').height - (keyboardHeight*2) - spacing;

it works perfectly for me

[cherniv]

+1 UPD: Solved with: this.richtext.setEditorHeight(50);

[arneson]

I ended up solving it using the prop contentInset={{ bottom: 140 }} on the editor which is applied as extra spacing. Eliminates the need to edit react-native-zss-rich-text-editor/src/RichTextEditor.js