The emoji picker jumps when the keyboard is open

Oct 13, 2025 by thesweetdesigns.com 56 views

Issue Overview

The emoji picker in the iOS chat component is experiencing a jarring issue where it jumps when the keyboard is open. This problem has been observed on both staging and production environments, as well as on both the HybridApp and New Expensify Standalone versions of the app.

Issue Details

Version Number: 9.1.12.2
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: Yes, reproducible on both
If this was caught during regression testing, add the test name, ID and link from TestRail: n/a
Email or phone of affected tester (no customers): n/a
Issue reported by: Applause Internal Team
Device used: iPhone 13 / 18.3.1
App Component: Chat Report View

Steps to Reproduce

Open the app
Open any chat
Tap the composer to open the keyboard
Tap the emoji to open the emoji picker

Expected Result

The emoji picker doesn't jump

Actual Result

The emoji picker jumps when the keyboard is open

Workaround

Unknown

Platforms Affected

iOS: Standalone
iOS: HybridApp
MacOS: Chrome / Safari
MacOS: Desktop

Screenshots/Videos

https://github.com/user-attachments/assets/c9130140-ebc9-4b40-9819-9be78cd4ebc4

Getting Involved

If you're interested in contributing to the solution of this issue, please check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

Related Issues

View all open jobs on GitHub

Possible Causes

The emoji picker jumping when the keyboard is open could be due to a variety of reasons, including:

Inconsistent layout: The emoji picker's layout might not be consistent with the rest of the app, causing it to jump when the keyboard is open.
Insufficient padding: The emoji picker might not have sufficient padding to accommodate the keyboard, leading to a jarring experience.
Incompatible font sizes: The font sizes used in the emoji picker might not be compatible with the keyboard, causing it to jump.

Potential Solutions

To resolve this issue, we could consider the following solutions:

Re-design the emoji picker layout: We could re-design the emoji picker layout to make it more consistent with the rest of the app.
Add padding to the emoji picker: We could add padding to the emoji picker to ensure that it has sufficient space to accommodate the keyboard.
Use compatible font sizes: We could use font sizes that are compatible with the keyboard to prevent the emoji picker from jumping.

Next Steps

To move forward with resolving this issue, we need to:

Gather more information: We need to gather more information about the issue, including the device used, the app version, and the steps to reproduce the issue.
Reproduce the issue: We need to reproduce the issue to confirm that it is indeed a problem.
Develop a solution: We need to develop a solution to the issue, which could involve re-designing the emoji picker layout, adding padding, or using compatible font sizes.

Conclusion

Q: What is the issue with the emoji picker in the iOS chat component?

A: The emoji picker in the iOS chat component is experiencing a jarring issue where it jumps when the keyboard is open.

Q: What devices and environments have been affected by this issue?

A: This issue has been observed on both staging and production environments, as well as on both the HybridApp and New Expensify Standalone versions of the app. The issue has been reported on an iPhone 13 with iOS 18.3.1.

Q: What are the steps to reproduce this issue?

A: To reproduce this issue, follow these steps:

Open the app
Open any chat
Tap the composer to open the keyboard
Tap the emoji to open the emoji picker

Q: What is the expected result when the emoji picker is opened?

A: The expected result is that the emoji picker doesn't jump.

Q: What is the actual result when the emoji picker is opened?

A: The actual result is that the emoji picker jumps when the keyboard is open.

Q: Is there a workaround for this issue?

A: Unfortunately, there is no known workaround for this issue.

Q: What are the possible causes of this issue?

A: The possible causes of this issue include:

Inconsistent layout: The emoji picker's layout might not be consistent with the rest of the app, causing it to jump when the keyboard is open.
Insufficient padding: The emoji picker might not have sufficient padding to accommodate the keyboard, leading to a jarring experience.
Incompatible font sizes: The font sizes used in the emoji picker might not be compatible with the keyboard, causing it to jump.

Q: What are the potential solutions to this issue?

A: To resolve this issue, we could consider the following solutions:

Re-design the emoji picker layout: We could re-design the emoji picker layout to make it more consistent with the rest of the app.
Add padding to the emoji picker: We could add padding to the emoji picker to ensure that it has sufficient space to accommodate the keyboard.
Use compatible font sizes: We could use font sizes that are compatible with the keyboard to prevent the emoji picker from jumping.

Q: What are the next steps to resolve this issue?

A: To move forward with resolving this issue, we need to:

Gather more information: We need to gather more information about the issue, including the device used, the app version, and the steps to reproduce the issue.
Reproduce the issue: We need to reproduce the issue to confirm that it is indeed a problem.
Develop a solution: We need to develop a solution to the issue, which could involve re-designing the emoji picker layout, adding padding, or using compatible font sizes.

Q: How can I contribute to the solution of this issue?

A: If you're interested in contributing to the solution of this issue, please check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!