[$125] Android- Emojis -Some emojis are blacked out and seen with a square with skin tone in composer

[IuliiaHerets]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Version Number: 9.0.49-0
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/5088056&group_by=cases:section_id&group_order=asc&group_id=229070
Issue reported by: Applause Internal Team

Action Performed:

1. Open the Expensify app.
2. Open any chat.
3. Open the emoji picker.
4. Start scrolling down and verify each emoji is rendered correctly.
5. Select any and emoji that is displayed blacked out. (For example: 🫴)
6. Verify the emoji is correctly displayed when added to compose box.

Expected Result:

All the emojis in compose box should be displayed without any reduced opacity and should be correctly added to compose box when selected.

Actual Result:

Some emojis are displayed blacked out in compose box and are displayed with a code and a square with the skin tone in compose box, when selected.

Workaround:

Unknown

Platforms:

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6636511_1729084254740.Blacked_Out.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021846719033693258327
• Upwork Job ID: 1846719033693258327
• Last Price Increase: 2024-10-17
• Automatic offers:
• akinwale | Reviewer | 104551467

[melvin-bot]

Triggered auto assignment to @greg-schroeder (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]

We think that this bug might be related to #wave-collect - Release 1

[IuliiaHerets]

@greg-schroeder 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

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

Upwork job price has been updated to $125

[teneeto]

Hey! I'm Eto Olei from Callstack. I will like to take a look at this issue. Please assign it to me. Thanks!

[Anaslancer]

Proposal

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

Some emojis are blacked out and seen with a square with skin tone in composer

What is the root cause of that problem?

We are missing some emoji unicodes in the source code.

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

We should put the correct unicode in here.

What alternative solutions did you explore? (Optional)

If the browser(like Chrome, Safari) can not render the emoji unicode, we can add the svg file instead.

Contributor details

Expensify account email: [email protected]
Upwork Profile Link: https://www.upwork.com/freelancers/~01aff093c9a804b145

[melvin-bot]

📣 @Anaslancer! 📣
Hey, it seems we don’t have your contributor details yet! You'll only have to do this once, and this is how we'll hire you on Upwork.
Please follow these steps:

1. Make sure you've read and understood the contributing guidelines.
2. Get the email address used to login to your Expensify account. If you don't already have an Expensify account, create one here. If you have multiple accounts (e.g. one for testing), please use your main account email.
3. Get the link to your Upwork profile. It's necessary because we only pay via Upwork. You can access it by logging in, and then clicking on your name. It'll look like this. If you don't already have an account, sign up for one here.
4. Copy the format below and paste it in a comment on this issue. Replace the placeholder text with your actual details.
   
   Format:

Contributor details
Your Expensify account email: <REPLACE EMAIL HERE>
Upwork Profile Link: <REPLACE LINK HERE>

[github-actions]

anas-1995 Your proposal will be dismissed because you did not follow the proposal template.

[Anaslancer]

Updated, it works?

[melvin-bot]

@akinwale, @greg-schroeder Eep! 4 days overdue now. Issues have feelings too...

[melvin-bot]

📣 @akinwale 🎉 An offer has been automatically sent to your Upwork account for the Reviewer role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job

[greg-schroeder]

Assigning to @teneeto from CS

[Anaslancer]

@akinwale , @greg-schroeder Did you have a chance to review my proposal?

[Anaslancer]

Proposal

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

Some emojis are blacked out and seen with a square with skin tone in composer

What is the root cause of that problem?

We are missing some emoji unicodes in the source code.

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

We should put the correct unicode in here.

What alternative solutions did you explore? (Optional)

If the browser(like Chrome, Safari) can not render the emoji unicode, we can add the svg file instead.

Contributor details

Your Expensify account email: [email protected]
Upwork Profile Link: https://www.upwork.com/freelancers/~01aff093c9a804b145

[melvin-bot]

✅ Contributor details stored successfully. Thank you for contributing to Expensify!

[Anaslancer]

Submit again here, because bot says my proposal will be dismissed.

[teneeto]

Working on this now. will provide more details as I continue.

[melvin-bot]

@akinwale, @teneeto, @greg-schroeder Huh... This is 4 days overdue. Who can take care of this?

[greg-schroeder]

Thanks @teneeto

[melvin-bot]

@akinwale @teneeto @greg-schroeder this issue was created 2 weeks ago. Are we close to approving a proposal? If not, what's blocking us from getting this issue assigned? Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!

[melvin-bot]

@akinwale, @teneeto, @greg-schroeder 6 days overdue. This is scarier than being forced to listen to Vogon poetry!

[teneeto]

Hi @akinwale, I paused a bit to finalise on another issue. I'll continue with this later today or first thing by tomorrow morning.

[greg-schroeder]

Thanks @teneeto

[melvin-bot]

@akinwale, @teneeto, @greg-schroeder 8 days overdue is a lot. Should this be a Weekly issue? If so, feel free to change it!

[teneeto]

Hey Melvin, I still have an eye on this.

[teneeto]

Sorry for the delays, but I just got freed up with some capacity to investigate this now. I'm currently investigating this and will share any outcome.

[teneeto]

Screen.Recording.2024-11-07.at.09.30.47.mov

Can we re-test to confirm this issue still happens? Although I haven't tested on real device (can't get my hands on my android device at the moment), but I did try on simulator and it seems to work perfectly.

[greg-schroeder]

Pinging QA for a retest

[greg-schroeder]

I also couldn't reproduce, so I'm going to close this as fixed elsewhere. Please reopen if you're able to reproduce.