[$250] Multiline hyperlink is displayed as a single line hyperlink

[jponikarchuk]

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: v9.1.77-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/6443529
Email or phone of affected tester (no customers): N/A
Issue reported by: Applause Internal Team
Device used: Windows 11/ Chrome, Android 13/ Chrome
App Component: Chat Report View

Action Performed:

1. Sign in to staging.new.expensify.com
2. Navigate to a conversation
3. Send a multiline hyperlink as below
   line
   two

Expected Result:

Multiline hyperlink is displayed in the conversation

Actual Result:

Multiline hyperlink is displayed as a single line hyperlink

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021945162348536293073
• Upwork Job ID: 1945162348536293073
• Last Price Increase: 2025-08-19

Issue Owner

Current Issue Owner: @youssef-lr

[melvin-bot]

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

[Krishna2323]

🚨 Edited by proposal-police: This proposal was edited at 2025-07-22 15:46:09 UTC.

Proposal

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

Multiline hyperlink is displayed as a single line hyperlink

What is the root cause of that problem?

• The text is render on the same line because of the styles.dInlineFlex style.
  

  App/src/components/HTMLEngineProvider/HTMLRenderers/AnchorRenderer.tsx

  Line 143 in 30d781e

  styles.dInlineFlex,

• It was added to fix this issue but image rendering is now not supported in task titles.

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

• Update it to styles.dInline or completely remove it.
• Remove it from here also.

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A

What alternative solutions did you explore? (Optional)

• We can remove support for multiline hyperlink, to do that we need to update the regex below:
  https://github.com/Expensify/expensify-common/blob/8bf4ac170fcbf9d152f48402ceb7f9b664b7ea61/lib/ExpensiMark.ts#L76

to:

const MARKDOWN_LINK_REGEX = new RegExp(`\\[([^\\]\\n]*(?:\\[[^\\]\\n]*\\][^\\]\\n]*)*)]\\(${UrlPatterns.MARKDOWN_URL_REGEX}\\)(?![^<]*(<\\/pre>|<\\/code>))`,'gi');

Result

Monosnap.screencast.2025-07-22.20-25-11.mp4

[melvin-bot]

@bfitzexpensify Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

@bfitzexpensify 6 days overdue. This is scarier than being forced to listen to Vogon poetry!

[melvin-bot]

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