[HOLD for payment 2022-02-09] Large paragraph goes beyond the bottom of the visible input field and doesn't scroll

[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. Open app
2. Navigate to any chat
3. Paste a large text

Expected Result:

When I paste a large paragraph into the input field in NewDot, where that paragraph goes beyond the bottom of the visible input field, I would expect it to scroll down to the end of my input.

Actual Result:

When I paste a large paragraph, It does not scroll down, leaving user to wonder (until scroll down) whether the whole thing pasted or just the first line that is visible.

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Desktop App

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

copy-paste.mov

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

View all open jobs on GitHub

[MelvinBot]

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

[MelvinBot]

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

[Beamanator]

Looks like this can be worked externally and it's a nice improvement 👍

[mdneyazahmad]

Proposal

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

Lines 350 to 354 in 5987bc4

	this.debouncedSaveReportComment(newComment);
	if (newComment) {
	this.debouncedBroadcastUserIsTyping();
	}
	}

After text content change scroll to the end

        if (newComment) {
            this.debouncedBroadcastUserIsTyping();
        }

+        this.textInput.scrollTop = this.textInput.scrollHeight;

Screen.Recording.2022-01-21.at.11.53.16.PM.mov

[adelekennedy]

Internal: https://www.upwork.com/ab/applicants/1485298618783031296/job-details
External: https://www.upwork.com/jobs/~01f7118b699760b549

[MelvinBot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @rushatgabhane (Exported)