github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-05-05 22:52:20 -05:00
Code Issues 1.5k Packages Projects Releases 54 Wiki Activity

[GH-ISSUE #1782] [Bug]: mobile - visual - gray box above input box #7608

New Issue
Closed
opened 2026-04-10 17:30:30 -05:00 by GiteaMirror · 2 comments
GiteaMirror commented 2026-04-10 17:30:30 -05:00
Owner
Copy Link

Originally created by @MatissJanis on GitHub (Oct 10, 2023).
Original GitHub issue: https://github.com/actualbudget/actual/issues/1782

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

Screenshot 2023-10-10 at 22 20 15

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

Originally created by @MatissJanis on GitHub (Oct 10, 2023). Original GitHub issue: https://github.com/actualbudget/actual/issues/1782 ### Verified issue does not already exist? - [X] I have searched and found no existing issue ### What happened? <img width="496" alt="Screenshot 2023-10-10 at 22 20 15" src="https://github.com/actualbudget/actual/assets/886567/4c669e48-b97c-43a1-a2bd-1d3ae99ea19e"> 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
GiteaMirror added the good first issueresponsivebug labels 2026-04-10 17:30:30 -05:00
GiteaMirror commented 2026-04-10 17:30:32 -05:00
Author
Owner
Copy Link

@miqh commented on GitHub (Oct 12, 2023):

@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.

repro

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.

4cacc845c0/packages/desktop-client/src/components/mobile/MobileAmountInput.js (L172)

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.

<!-- gh-comment-id:1759554151 --> @miqh commented on GitHub (Oct 12, 2023): @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. ![repro](https://github.com/actualbudget/actual/assets/43751307/deefe308-ee15-4864-9831-ee3b395af62c) 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. https://github.com/actualbudget/actual/blob/4cacc845c0e7323b5e4c8e6df3a5aba0ed4f06b3/packages/desktop-client/src/components/mobile/MobileAmountInput.js#L172 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.
GiteaMirror commented 2026-04-10 17:30:32 -05:00
Author
Owner
Copy Link

@joel-jeremy commented on GitHub (Nov 15, 2023):

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

<!-- gh-comment-id:1811607066 --> @joel-jeremy commented on GitHub (Nov 15, 2023): @miqh Thank you for taking the time to investigate. Please feel free to create a PR with the fix. :)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No Label bug good first issue responsive
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#7608
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?