[Bug]: mobile - visual - gray box above input box

[MatissJanis]

Verified issue does not already exist?

• I have searched and found no existing issue

What happened?

There's a weird gray box above the input field for some reason. I think this is new in v23.10.0

What error did you receive?

No response

Where are you hosting Actual?

None

What browsers are you seeing the problem on?

No response

Operating System

None

[miqh]

@MatissJanis, I briefly attempted reproducing this and I suspect what you're seeing there might be the result of an overflow scrollbar.

Oddly, I was only able to see it on Firefox under responsive conditions and not Chromium.

I traced it to the following line below and found that if overflowX: 'hidden' is added then the scrollbars stop appearing on interaction for me.

actual/packages/desktop-client/src/components/mobile/MobileAmountInput.js

Line 172 in 4cacc84

<View style={{ overflowY: 'auto' }}>{input}</View>

There's some suspect animation code that's commented out, but I don't know enough to work out why the flicker happens for me.

Anyway, I'd be happy to dig further or provide that above suggested change based on what you think.

[joel-jeremy]

@miqh Thank you for taking the time to investigate. Please feel free to create a PR with the fix. :)