[Bug]: Unable to type in fields when editing reports on mobile browsers

[sexyskinnybitch]

Verified issue does not already exist?

• I have searched and found no existing issue

What happened?

I have discovered a bug with report creation and editing on mobile browsers. Any time I click on a field where you would type, such as a filter or to save and name a report, the report resets itself to the default settings again. I have reproduced this issue in Firefox, Edge and Chrome. See the screen recording.

I can edit existing reports if I avoid fields where I need to type, this seems to only affect the text fields. This makes it impossible to add a new report because it needs to be named in order to be saved.

Screen_Recording_20250203_074158_Chrome.mp4

How can we reproduce the issue?

I have attached a screen recording of the issue. Add a new widget or edit and existing one and attempt to set a filter on a note or category by typing. Also, when choosing to save the new report, it immediately resets.

Where are you hosting Actual?

Pikapods

What browsers are you seeing the problem on?

Chrome, Firefox, Microsoft Edge

Operating System

Mobile Device

[AntoineTA]

Interesting issue… After investigating for a bit, I have noticed that this behaviour does not occur if the report component is imported directly rather than through LoadComponent. Also, I could only reproduce the issue on my physical mobile device, not in the Chrome emulator.

I am clueless as to how to actually solve this, but perhaps this will be valuable info if someone wants to try.

[sexyskinnybitch]

I did some more testing, and if I load the site in Firefox and turn off desktop mode, it works correctly. I can edit text inputs on the report with no issue. Since both edge and chrome are based on chromium, perhaps it has to do with chromium mobile. Chrome does this regardless of the desktop setting.