Merge pull request #4 from Meruem5/fix/webview-scroll

Disable nested scroll when autosize is enabled
imnapo · Mar 23, 2023 · acc5fab · acc5fab
2 parents 8b56794 + c0624af
commit acc5fab
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-cn-quill",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "description": "react-native quill richtext editor",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/editor/quill-editor.tsx b/src/editor/quill-editor.tsx
@@ -383,10 +383,12 @@ export default class QuillEditor extends React.Component<
     content: string,
     style: StyleProp<ViewStyle>,
     props: WebViewProps = {}
-  ) => (
-    <WebView
+  ) => {
+    const { autoSize } = this.props;
+
+    return <WebView
       scrollEnabled={false}
-      nestedScrollEnabled={true}
+      nestedScrollEnabled={!autoSize}
       hideKeyboardAccessoryView={true}
       keyboardDisplayRequiresUserAction={false}
       originWhitelist={['*']}
@@ -400,13 +402,14 @@ export default class QuillEditor extends React.Component<
       automaticallyAdjustContentInsets={true}
       bounces={false}
       dataDetectorTypes="none"
+      showsVerticalScrollIndicator={!autoSize}
       {...props}
       javaScriptEnabled={true}
       source={{ html: content }}
       ref={this._webview}
       onMessage={this.onMessage}
     />
-  );
+  };
 
   render() {
     const { webviewContent, height } = this.state;