[$250] iOS - Composer - Emoji is cut off when entering one letter after the emoji

[lanitochka17]

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.14-1
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail: N/A
Issue reported by: Applause - Internal Team

Action Performed:

1. Launch New Expensify app
2. Open any chat
3. Enter an emoji
4. Type one letter after the emoji

Expected Result:

The emoji will not be cut off when entering one letter after the emoji

Actual Result:

The emoji is cut off when entering one letter after the emoji
When entering the second letter, it appears normal again

Workaround:

Unknown

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

Bug6556577_1722281096020.ScreenRecording_07-30-2024_03-21-12_1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01eb22e4ceda4fdcb9
• Upwork Job ID: 1818025070545665675
• Last Price Increase: 2024-07-29

Issue Owner

Current Issue Owner: @hungvu193

[melvin-bot]

Triggered auto assignment to @francoisl (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.

[lanitochka17]

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

[francoisl]

Could be from #40692. Looks like there's another blocker (#46443) related to that PR already.

[melvin-bot]

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

[melvin-bot]

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

[ShridharGoel]

My proposal should fix this issue as well.

[melvin-bot]

⚠️ Looks like this issue was linked to a Deploy Blocker here

If you are the assigned CME please investigate whether the linked PR caused a regression and leave a comment with the results.

If a regression has occurred and you are the assigned CM follow the instructions here.

If this regression could have been avoided please consider also proposing a recommendation to the PR checklist so that we can avoid it in the future.

[chiragsalian]

Issue not related to web-e repo so removing deployblocker label.

[hungvu193]

Seems it's being handled in #46443

[VickyStash]

@parasharrajat
The reason of the described problem is that the markdownStyles update with the new fontSize for the emojis isn't applied right away on ios.

I'm able to reproduce the same behavior in the react-native-live-markdown lib. It looks like the markdownStyles update on iOS applies to the input only after the value update (something new got entered). So markdownStyles update doesn't re-render the input.

See the video:

mardown_bug.mp4

[parasharrajat]

Yeah, we should fix this on lib level. We also discussed this on the main PR.

[parasharrajat]

We can close this issue. the PR was reverted.

[francoisl]

For future reference, here was the revert PR #46463