[HOLD for payment 2024-06-21] [$500] mweb - Chat - App crashes when selecting an emoji

[kbecciv]

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: 1.4.58-0
Reproducible in staging?: y
Reproducible in production?: n
Issue reported by: Applause - Internal Team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to any chat.
3. Open emoji picker.
4. Select any emoji.

Expected Result:

App does not crash.

Actual Result:

App crashes.

Workaround:

n/a

Platforms:

Which of our officially supported platforms is this issue occurring on?

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

Screenshots/Videos

Add any screenshot/video evidence

Bug6430849_1711714841843.Screen_Recording_20240329_201910_Chrome.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01da38a02293ce221e
• Upwork Job ID: 1773831643070943232
• Last Price Increase: 2024-03-29

[melvin-bot]

Triggered auto assignment to @arosiclair (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[kbecciv]

We think that this bug might be related to #vip-vsb

[arosiclair]

Reproduced on staging 1.4.58-0. This only happens in with the mobile (isSmallScreenWidth) UI.

[arosiclair]

This seems to be coming from our live markdown code so likely related to #38152. @Skalakid can you take a look at this?

Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index.
    at scrollCursorIntoView (webpack-internal:///./node_modules/@expensify/react-native-live-markdown/lib/module/web/cursorUtils.js:136:31)
    at Module.setCursorPosition (webpack-internal:///./node_modules/@expensify/react-native-live-markdown/lib/module/web/cursorUtils.js:94:3)
    at eval (webpack-internal:///./node_modules/@expensify/react-native-live-markdown/lib/module/MarkdownTextInput.web.js:414:51)
    at commitHookEffectListMount (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:23044:26)
    at commitPassiveMountOnFiber (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24811:13)
    at commitPassiveMountEffects_complete (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24776:9)
    at commitPassiveMountEffects_begin (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24763:7)
    at commitPassiveMountEffects (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24751:3)
    at flushPassiveEffectsImpl (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:26985:3)
    at flushPassiveEffects (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:26930:14)

[suneox]

@arosiclair Is this issue available for external contributors? do we need a quick fix I can create PR to fix it now

[ZhenjaHorbach]

Reproduced on staging 1.4.58-0. This only happens in with the mobile (isSmallScreenWidth) UI.

For additional information )
This is also reproduced in desktop Safari

[suneox]

Can I provide a proposal for the issue, not include an External label?