[HOLD for payment 2021-11-04] mWeb - Create group - Keypad remains open when selecting a user and scrolling through the list is not comfortable

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Go to https://staging.new.expensify.com

2. Log in with any account

3. Click on Green button and select New Group

4. Start adding users for the new group

Expected Result:

The screen should be taller and keyboard need to be dismissed

Actual Result:

Keyboard is always open after selecting a user for the group and screen is too small

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Mobile Web

Version Number:
1.0.91-0
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Bug5219497_Image_from_iOS__18_.mov

Expensify/Expensify Issue URL:

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @Gonals (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[parasharrajat]

I also found it kind of frustrating that the scrolling area is pretty less when the keyboard is open.

Proposal

1. As we would like to select a participant from the list when the user taps on the list. We have used
   keyboardShouldPersistTaps="always"

   App/src/components/OptionsList.js

   Line 237 in 8c60189

   keyboardShouldPersistTaps="always"

   .
2. So I think the best would be to close the keyboard when the user starts scrolling the list. I believe this is best as:
   a. User can already select the participant when the keyboard opens with a single tap.
   b. If he wants he can continue the search, immediately.
   c. Only when he wants to see other users, close the keyboard to extend his view.

To do this, we can close the keyboard manually with something like.

    onScrollBeginDrag={() => Keyboard.dismiss()}

KeyboardDismissMode does not seem to work. 🤷‍♂️

[Gonals]

I think. this is a good candidate for an external fix. Setting tags and unassigning myself!

[isagoico]

Issue reproducible during KI retests

[isagoico]

Issue reproducible during KI retests.