Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to scroll the content inside the editor if the editor is in focus

See original GitHub issue

I use following versions of react and react-native

react: 17.0.1 => 17.0.1 react-native: 0.64.2 => 0.64.2 react-native-pell-rich-editor: “^1.8.5”

Scroll works perfectly if the editor is not in focus and the keyboard is not present.

While trying to edit content inside the editor, lets say list of items, then we can’t scroll the content. The scrolling kind of stuck. Is there any configuration i am missing in the code. If we dismiss the keyboard and try scrolling, it will work. The issue is in both iOS and Android, in real devices and simulators.

Please help.

Thank you

Code

 <ScrollView
          style={[styles.scroll]}
          ref={that.scrollRef}
          scrollEventThrottle={20}>
          <RichEditor
            disabled={disabled}
            editorStyle={contentStyle} // default light style
            ref={that.richText}
            style={styles.rich}
            useContainer={true}
            placeholder={'please input content'}
            initialContentHTML={content}
            editorInitializedCallback={that.editorInitializedCallback}
            onChange={that.handleChange}
            onFocus={that.handleFocus}
            onBlur={that.handleBlur}
            onCursorPosition={that.handleCursorPosition}
            pasteAsPlainText={true}
          />
  </ScrollView>