[HOLD for payment 2021-10-30] Empty area left to a long message opens up the user details page - @parasharrajat

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Navigate to a conversation
2. Send a long message that take at least a 5 lines (could be a long image)
3. Click on the blank area left to the message and below the avatar

Expected Result:

Area should not be clickable.

Actual Result:

Area is clickable and is opening the user details page.

Workaround:

None needed.

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.7-0

Reproducible in staging?: yes
Reproducible in production?: yes

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Screencast.2021-10-09.21_09_00.mp4

Expensify/Expensify Issue URL:

Issue reported by: @parasharrajat
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1633794013064200

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @thienlnam (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[parasharrajat]

Proposal

1. We have to align the Avatar to the top so that it does not expand in the available space.

App/src/pages/home/report/ReportActionItemSingle.js

Line 67 in ed0eae8

<Pressable onPress={() => showUserDetails(action.actorEmail)}>

 <Pressable style={[styles.alignSelfStart]}

will fix this.

[parasharrajat]

Working video of the issue.

output_file.mp4

[MelvinBot]

Triggered auto assignment to @dylanexpensify (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[thienlnam]

Removing N6-Hold since this affects regular app functionality

[dylanexpensify]

On it!

[dylanexpensify]

Posted!
Internal: https://www.upwork.com/ab/applicants/1447852870053113856/job-details
External: https://www.upwork.com/jobs/~018aca3a27d69b586c