Android - Chat - Both parentheses and code block alignment is not same

[lanitochka17]

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

Action Performed:

1. Launch app in both Android and mweb
2. Open a chat
3. Paste the text - def test_code(): print(ode block test)
4. Send the message
5. Note code block and Parentheses alignment

Expected Result:

Both parentheses and code block alignment must be same

Actual Result:

In Android, slightly above parentheses, code block is displayed. In mweb, both parentheses and code block display in same line

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

View all open jobs on GitHub

[melvin-bot]

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

[lanitochka17]

We think that this bug might be related to #Live Markdown

[kushu7]

Proposal

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

parentheses and code block alignment is not same mismatch

What is the root cause of that problem?

Its happening because we are providing height here.

App/src/components/InlineCodeBlock/WrappedText.tsx

Line 62 in 1d0fa64

style={styles.codeWordWrapper}

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

By removing height element from here fixes the issue.
This file is used for Android and IOS only.

App/src/components/InlineCodeBlock/WrappedText.tsx

Line 62 in 1d0fa64

style={styles.codeWordWrapper}

Checked on both android and ios.

Android

Ios

What alternative solutions did you explore? (Optional)

None