"Person is typing..." message appear to be off-center in that bottom space

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

1. Login to app with account A
2. From account B on another device/browser, start typing

Expected Result:

"Person is typing..." message should be centered in the bottom space and vertically aligned

Actual Result:

"Person is typing..." message appear to be off-center in that bottom space

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platform:

Where is this issue occurring?

• Web
• Desktop App

Version Number: 1.1.63-0
Reproducible in staging?: Y
Reproducible in production?: Y
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

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

View all open jobs on GitHub

[melvin-bot]

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

[Puneet-here]

Proposal

We have to remove the styling on line 59

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

Lines 55 to 61 in cc912ff

	<TextWithEllipsis
	leadingText={PersonalDetails.getDisplayName(this.state.usersTyping[0])}
	trailingText={` ${this.props.translate('reportTypingIndicator.isTyping')}`}
	textStyle={[styles.chatItemComposeSecondaryRowSubText]}
	wrapperStyle={styles.chatItemComposeSecondaryRow}
	leadingTextParentStyle={styles.chatItemComposeSecondaryRowOffset}
	/>

[parasharrajat]

Maybe a regression from #8691 cc: @luacmartins

[luacmartins]

Yea, I think so. Here's the fix. Thanks for the ping @parasharrajat!