Repository navigation
mWeb - Expense - Expense report is not scrollable #71429
Description
Activity
Triggered auto assignment to @VictoriaExpensify (
Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.Triggered auto assignment to @JS00001 (
DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.💬 A slack conversation has been started in #expensify-open-source
👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:
- Identify the pull request that introduced this issue and revert it.
- Find someone who can quickly fix the issue.
- Fix the issue yourself.
Proposal
Please re-state the problem that we are trying to solve in this issue.
mWeb - Expense - Expense report is not scrollable
What is the root cause of that problem?
ScrollViewis missing hereWhat changes do you think we should make in order to solve the problem?
- Add
ScrollViewto the expense report
What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?
n/A
What alternative solutions did you explore? (Optional)
-
Additionally we can pass
ref={scrollViewRef}to theScrollView -
use
useStateto manage state
const [shouldScrollView, setShouldScrollView] = useState(false);
- use
useRefhook
const scrollViewRef = useRef<RNScrollView>(null);
- Define function
scrollViewthat will automatically scroll
const scrollView = () => { InteractionManager.runAfterInteractions(() => { scrollViewRef.current?.scrollToEnd({animated: true}); }); };
- Invoke that
scrollViewfunction inuseEffecthook andsetScrollViewtofalse
useEffect(() => { if (!shouldScrollView) { return; } scrollView(); setShouldScrollView(false); }, [shouldScrollView]);
Result
fix-scroll-mweb-android.mov
- Add
Hi there, I've check both ios chrome and android chrome and wasn't able to reproduce the issue, did I missed any steps?
ios_web_scroll.mp4
android_web_scroll.mp4
@VickyStash I think this issue is only occurring on android-mweb-chrome only on the first attempt
Not repro on Samsung M52/Android 13
Build 9.2.19-2Screen_Recording_20250929_190144_Expensify.mp4
Not repro on Samsung Galaxy A40/Android 11/Chrome/Build v9.2.19.2
MicrosoftTeams-video.35.mp4
Not repro on Xiaomi Redmi Note 10 / Android 12 / Chrome
Build .9.2.19-2Screenrecorder-2025-09-29-18-32-23-339.mp4
Nice, thanks!
Going to close this one as we are going to handle the fix in a new PR #63253 (comment)
We can ask QA to help with the reproduction on the linked issue too
Reacted by Viktoryia KliushunIssue is reproducible on Samsung S23FE/ Chrome in v9.2.19-0 PR:71480
71429.mp4
If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!
Version Number: 9.2.19-0
Reproducible in staging?: Yes
Reproducible in production?: No
If this was caught during regression testing, add the test name, ID and link from TestRail: #71084
Email or phone of affected tester (no customers): sosdpsosnjojs@gmail.com
Issue reported by: Applause Internal Team
Device used: Samsung Galaxy Z Fold 4 / Android 15
App Component: Money Requests
Action Performed:
Expected Result:
The expense report will be scrollable.
Actual Result:
The expense report is not scrollable.
Workaround:
Unknown
Platforms:
Screenshots/Videos
11.mp4
View all open jobs on GitHub