[Tracking] Single line Text is not clipping correctly

[parasharrajat]

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

---

Due to the recent upgrade to RN-web 0.17.5, we started to face a couple of issues where Text is not clipping correctly.

If you use <Text numberOfLines={1} />, it should be clipped with an ellipsis at the end. But this is not the case anymore. There is no fix effect rather multiple side-effects.

List of issues

• fix: Long filename handling in Preview #7097 (review)
• [HOLD for payment 2022-01-27] Web - Group chat contacts are not showing ellipsis - Reported by @Tushu17  #6913
• Typing indicator under the composer is clipped from half of the screen.
• Message me is clipped from half of the screen. https://expensify.slack.com/archives/C01GTK53T8Q/p1642409283049900

Platform:

Where is this issue occurring?

• Web

Solution

I have submitted a PR to fix this issue upstream necolas/react-native-web#2193 which I am waiting to be merged.

So that we can upgrade our dependency.

Slack : https://expensify.slack.com/archives/C01GTK53T8Q/p1642087714433600

[MelvinBot]

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

[mallenexpensify]

Removed @tjferriss and assigned myself. @parasharrajat is anything actionable here? Do you need me or another internal employee/engineer to anything?

[parasharrajat]

Thanks, @mallenexpensify.
Yeah based on the discussion. Could you please help me get paid for this?

[mallenexpensify]

Still a bit confused... likely because this tracking issue isn't a standard template. Can you list off GH issues, associated PRs and amount owed? Thanks @parasharrajat