[Reporting bonus paid] Attachment view shows image as left aligned. It should be horizontally centered - Reported by: @Prashant Mangukiya

[mvtglobally]

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:

Run web or desktop version
View already uploaded landscape image from chat list.
OR upload any landscape image (i.e. Choose image whose width larger than height)
Attachment view shows image as left aligned (if landscape image) it should be horizontally centre.

Expected Result:

Attachment view should be centered, same as vertical or square image

Actual Result:

Attachment view shows image as left aligned. This issue happen with landscape image only (i.e. width larger than height). For vertical or square image it shows as expected i.e. image shows horizontally centred.

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Web
• Desktop App

Version Number: 1.1.19-0
Reproducible in staging?: Y
Reproducible in production?: Y
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

AttachmentViiew_ImagePreview.mp4

Expensify/Expensify Issue URL:
Issue reported by: @PrashantMangukiya
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1639119563497100

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @CortneyOfstad (AutoAssignerTriage), see https://stackoverflow.com/c/expensify/questions/4749 for more details.

[MelvinBot]

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

[PrashantMangukiya]

@mvtglobally thanks, please correct my Github user name as @PrashantMangukiya for reported by. (remove space between first and last name)

[AndrewGable]

I've had this happen to me, agree it's a bug and looks like it's an external one too.

[MelvinBot]

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