Merge pull request #5753 from parasharrajat/kill-keyboard

Close keyboard as soon as user scrolls the contacts list
Expensify · Oct 18, 2021 · 4916b3f · 4916b3f
2 parents 2e57dee + 01ff0e3
commit 4916b3f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/OptionsList.js b/src/components/OptionsList.js
@@ -1,6 +1,6 @@
 import _ from 'underscore';
 import React, {forwardRef, Component} from 'react';
-import {View} from 'react-native';
+import {Keyboard, View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../styles/styles';
 import OptionRow from '../pages/home/sidebar/OptionRow';
@@ -234,6 +234,12 @@ class OptionsList extends Component {
                     ref={this.props.innerRef}
                     indicatorStyle="white"
                     keyboardShouldPersistTaps="always"
+
+                    // Both `keyboardDismissMode` & `onScrollBeginDrag` props are needed to ensure that virtual keyboard is
+                    // dismissed on all platforms.
+                    // eslint-disable-next-line react/jsx-props-no-multi-spaces
+                    keyboardDismissMode="on-drag"
+                    onScrollBeginDrag={() => Keyboard.dismiss()}
                     contentContainerStyle={[...this.props.contentContainerStyles]}
                     showsVerticalScrollIndicator={false}
                     sections={this.props.sections}

diff --git a/src/pages/NewGroupPage.js b/src/pages/NewGroupPage.js
@@ -234,7 +234,6 @@ class NewGroupPage extends Component {
                                             disableArrowKeysActions
                                             hideAdditionalOptionStates
                                             forceTextUnreadStyle
-                                            shouldFocusOnSelectRow
                                         />
                                     </View>
                                     {this.state.selectedOptions?.length > 0 && (