[Due for payment 2025-04-07] Web - Task - Hyperlink underline is blocked by inline code in the task report

[mitarachim]

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.1.11-1
Reproducible in staging?: Yes
Reproducible in production?: No
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: N/A
If this was caught during regression testing, add the test name, ID and link from TestRail: Exp #54165
Email or phone of affected tester (no customers): applausetester+ps309@applause.expensifail.com
Issue reported by: Applause Internal Team
Device used: Mac 15.3 / Chrome
App Component: Other

Action Performed:

1. Go to staging.new.expensify.com
2. Go to chat.
3. Click + > Assign task.
4. Click Title.
5. Enter the following multiline content with markdown:

long link name
inline code

6. Save the title and create the task.
7. Click on the task preview.

Expected Result:

Hyperlink underline will not be blocked by inline code in the task report.

Actual Result:

Hyperlink underline is blocked by inline code in the task report.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6767065_1741679172654.20250311_154243.mp4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @MitchExpensify

[melvin-bot]

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

[melvin-bot]

Triggered auto assignment to @mountiny (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[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.

[drminh2807]

Proposal

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

Web - Task - Hyperlink underline is blocked by inline code in the task report

What is the root cause of that problem?

Line height is not high enough

App/src/styles/index.ts

Lines 4267 to 4274 in 5558382

	taskTitleMenuItem: {
	...writingDirection.ltr,
	...headlineFont,
	fontSize: variables.fontSizeXLarge,
	lineHeight: variables.lineHeightSizeh2,
	maxWidth: '100%',
	...wordBreak.breakWord,
	},

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

Increase the line height

lineHeight: variables.lineHeightXXLarge

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)

N/A