From dcb2dc3f04f2e764928fd9d24681ceb7cc1c1ae7 Mon Sep 17 00:00:00 2001
From: Boris Yankov <borisyankov@gmail.com>
Date: Wed, 28 Mar 2018 00:58:34 +0300
Subject: [PATCH] messages: Do not close keyboard when tapping messages

This should work but doesn't. Relevant:
https://github.com/facebook/react-native/issues/16826
---
 src/chat/Chat.js | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/chat/Chat.js b/src/chat/Chat.js
index 8d4b15227a2..dac049cf31c 100644
--- a/src/chat/Chat.js
+++ b/src/chat/Chat.js
@@ -1,6 +1,6 @@
 /* @flow */
 import React, { PureComponent } from 'react';
-import { View } from 'react-native';
+import { ScrollView, View } from 'react-native';
 
 import type { Narrow } from '../types';
 import { KeyboardAvoider, OfflineNotice } from '../common';
@@ -41,24 +41,31 @@ export default class Chat extends PureComponent<Props> {
 
     return (
       <KeyboardAvoider style={styles.flexed} behavior="padding">
-        <View style={styles.flexed}>
-          <OfflineNotice />
-          <UnreadNotice narrow={narrow} />
-          <NoMessages narrow={narrow} />
-          <MessageListContainer
-            narrow={narrow}
-            onReplySelect={this.handleReplySelect}
-            listRef={component => {
-              this.listComponent = component || this.listComponent;
-            }}
-          />
+        <OfflineNotice />
+        <UnreadNotice narrow={narrow} />
+        <NoMessages narrow={narrow} />
+        <ScrollView
+          bounces={false}
+          contentContainerStyle={styles.flexed}
+          keyboardShouldPersistTaps="always"
+          overScrollMode="never"
+        >
+          <View style={styles.flexed}>
+            <MessageListContainer
+              narrow={narrow}
+              onReplySelect={this.handleReplySelect}
+              listRef={component => {
+                this.listComponent = component || this.listComponent;
+              }}
+            />
+          </View>
           <ComposeBoxContainer
             narrow={narrow}
             messageInputRef={(component: any) => {
               this.messageInputRef = component || this.messageInputRef;
             }}
           />
-        </View>
+        </ScrollView>
       </KeyboardAvoider>
     );
   }