[HOLD for payment 2024-10-11] [$250] iOS - Search - Sluggish animation when selecting a different type for the second time

[IuliiaHerets]

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

---

Version Number: 9.0.35-0
Reproducible in staging?: Y
Reproducible in production?: Y
Issue was found when executing this PR: #49058
Email or phone of affected tester (no customers): applausetester+kh010901@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Launch New Expensify app.
2. Go to Search.
3. Tap on the dropdown.
4. Tap Chats.
5. Open the dropdown.
6. Select Invoices.

Expected Result:

The animation should be smooth when selecting a different type.

Actual Result:

The animation is sluggish after selecting a different type for the second time.
Both "Expenses" and "Chats" are highlighted when selecting Invoices.

Workaround:

Unknown

Platforms:

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6603136_1726284959100.ScreenRecording_09-14-2024_11-30-11_1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021836327300747021225
• Upwork Job ID: 1836327300747021225
• Last Price Increase: 2024-09-18
• Automatic offers:
• truph01 | Contributor | 104127739

Issue Owner

Current Issue Owner: @fedirjh

[melvin-bot]

Triggered auto assignment to @sonialiap (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[IuliiaHerets]

@sonialiap FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

[truph01]

Edited by proposal-police: This proposal was edited at 2023-10-12T10:00:00Z.

Proposal

Please re-state the problem that we are trying to solve in this issue.

• iOS - Search - Sluggish animation when selecting a different type for the second time

What is the root cause of that problem?

• When selecting any type, we call:
  

  App/src/pages/Search/SearchTypeMenuNarrow.tsx

  Line 58 in 14b99ca

  const closeMenu = useCallback(() => setIsPopoverVisible(false), []);

  
  first and then:
  

  App/src/pages/Search/SearchTypeMenuNarrow.tsx

  Lines 74 to 75 in 14b99ca

  	SearchActions.clearAllFilters();
  	Navigation.navigate(item.route);

• After the call closeModal, the modal is not hidden immediately, so we encountered the current behavior.

What changes do you think we should make in order to solve the problem?

• We should add shouldCallAfterModalHide: true:
  

  App/src/pages/Search/SearchTypeMenuNarrow.tsx

  Line 71 in 14b99ca

  return {

  
  and
  

  App/src/pages/Search/SearchTypeMenuNarrow.tsx

  Line 108 in 14b99ca

  const savedSearchItems = savedSearchesMenuItems.map((item) => ({

  
  to make sure the modal is closed successfully before running the remaining logic.

What alternative solutions did you explore? (Optional)

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021836327300747021225

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @fedirjh (External)

[fedirjh]

@truph01's proposal looks good to me.

🎀 👀 🎀 C+ reviewed