[Bug]: Transaction table constantly resizing #1170

Closed
opened 2026-02-28 19:34:35 -06:00 by GiteaMirror · 16 comments
Owner

Originally created by @matt-fidd on GitHub (Jun 25, 2024).

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

This is a really strange one, it only seems to happen on a single browser, but is reproducible for me on there. However it does not occur with the exact same budget file, on Chrome on a different computer.

Only occurs when viewing a single accounts table, none of the other accounts or tables.

I’ve not been able to create a test budget that reproduces the issue.

There is no logging in the console

https://github.com/actualbudget/actual/assets/81489167/671a3e37-c19a-464d-abcb-a528800eab8e

https://github.com/actualbudget/actual/assets/81489167/fb9b68b8-87a6-47d6-a4c7-38f923fb1be3

https://github.com/actualbudget/actual/assets/81489167/82150697-92d7-4b7f-aaf5-9bf6787008bf

Environment:

  • Windows 8.1 inside corporate VMWare
  • Chrome V109.0.5414.141 (32 bit)
  • Actual Edge

Where are you hosting Actual?

Locally via Yarn

What browsers are you seeing the problem on?

Chrome

Operating System

Other

Originally created by @matt-fidd on GitHub (Jun 25, 2024). ### Verified issue does not already exist? - [X] I have searched and found no existing issue ### What happened? This is a really strange one, it only seems to happen on a single browser, but is reproducible for me on there. However it does not occur with the exact same budget file, on Chrome on a different computer. Only occurs when viewing a single accounts table, none of the other accounts or tables. I’ve not been able to create a test budget that reproduces the issue. There is no logging in the console https://github.com/actualbudget/actual/assets/81489167/671a3e37-c19a-464d-abcb-a528800eab8e https://github.com/actualbudget/actual/assets/81489167/fb9b68b8-87a6-47d6-a4c7-38f923fb1be3 https://github.com/actualbudget/actual/assets/81489167/82150697-92d7-4b7f-aaf5-9bf6787008bf Environment: - Windows 8.1 inside corporate VMWare - Chrome V109.0.5414.141 (32 bit) - Actual Edge ### Where are you hosting Actual? Locally via Yarn ### What browsers are you seeing the problem on? Chrome ### Operating System Other
GiteaMirror added the user interfacetransactionsbug labels 2026-02-28 19:34:35 -06:00
Author
Owner

@MatissJanis commented on GitHub (Jun 25, 2024):

Are you able to reproduce this on https://demo.actualbudget.org (latest tagged release)?

@MatissJanis commented on GitHub (Jun 25, 2024): Are you able to reproduce this on https://demo.actualbudget.org (latest `tagged` release)?
Author
Owner

@matt-fidd commented on GitHub (Jun 25, 2024):

This is not reproducable on demo.

I've worked out what the trigger is. When there are too many transactions to fit on a single page the scroll bar appears. It looks like there must be a very niche edge case where it's just on the verge of needing the scroll bar, and so flicks between adding and removing it.

To reproduce:

  • Add just enough transactions to a blank account that one more will trigger the scroll bar
  • Add one more
  • If the screen size is just right (I imagine this is a very small window because it's only occured in a very specific environment for me) then the table will add and remove the scrollbar in a loop
  • Adding or removing a single transaction will stop this from occuring.

Edge:
https://github.com/actualbudget/actual/assets/81489167/e758d50d-bfff-435c-8b14-a9e4418a28e7

Demo:
https://github.com/actualbudget/actual/assets/81489167/cb5572a3-7a6d-4794-9550-3d2afb5cb70c

@matt-fidd commented on GitHub (Jun 25, 2024): This is not reproducable on demo. I've worked out what the trigger is. When there are too many transactions to fit on a single page the scroll bar appears. It looks like there must be a very niche edge case where it's just on the verge of needing the scroll bar, and so flicks between adding and removing it. To reproduce: - Add just enough transactions to a blank account that one more will trigger the scroll bar - Add one more - If the screen size is just right (I imagine this is a very small window because it's only occured in a very specific environment for me) then the table will add and remove the scrollbar in a loop - Adding or removing a single transaction will stop this from occuring. Edge: https://github.com/actualbudget/actual/assets/81489167/e758d50d-bfff-435c-8b14-a9e4418a28e7 Demo: https://github.com/actualbudget/actual/assets/81489167/cb5572a3-7a6d-4794-9550-3d2afb5cb70c
Author
Owner

@MatissJanis commented on GitHub (Jun 25, 2024):

Possible root cause: https://github.com/actualbudget/actual/pull/2867

@MatissJanis commented on GitHub (Jun 25, 2024): Possible root cause: https://github.com/actualbudget/actual/pull/2867
Author
Owner

@matt-fidd commented on GitHub (Jun 25, 2024):

Let me try reverting that PR and seeing if it persists, the 200ms cycle would make sense

@matt-fidd commented on GitHub (Jun 25, 2024): Let me try reverting that PR and seeing if it persists, the 200ms cycle would make sense
Author
Owner

@matt-fidd commented on GitHub (Jun 25, 2024):

Possible root cause: #2867

You're dead on, reverting the commit fixed the bug

@matt-fidd commented on GitHub (Jun 25, 2024): > Possible root cause: #2867 You're dead on, reverting the commit fixed the bug
Author
Owner

@MatissJanis commented on GitHub (Jun 25, 2024):

cc @lelemm FYI

@MatissJanis commented on GitHub (Jun 25, 2024): cc @lelemm FYI
Author
Owner

@lelemm commented on GitHub (Jun 25, 2024):

omg. I will try to reproduce it

@lelemm commented on GitHub (Jun 25, 2024): omg. I will try to reproduce it
Author
Owner

@lelemm commented on GitHub (Jun 25, 2024):

@matt-fidd can you tell me what resolution are you using on that machine and scale size?

@lelemm commented on GitHub (Jun 25, 2024): @matt-fidd can you tell me what resolution are you using on that machine and scale size?
Author
Owner

@matt-fidd commented on GitHub (Jun 25, 2024):

Looks to be a viewport of 1920 x 937 but I can't seem to reproduce it outside of my work remote desktop, even with the same viewport size.

@matt-fidd commented on GitHub (Jun 25, 2024): Looks to be a viewport of 1920 x 937 but I can't seem to reproduce it outside of my work remote desktop, even with the same viewport size.
Author
Owner

@matt-fidd commented on GitHub (Jun 25, 2024):

Aha! It's tied to the Chrome version, not so much the viewport.

I just tested in Chromium 1070081 and could reproduce it easily.

Official build for Windows:
https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win/1070081/

Similar version for Mac but I can't test
https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Mac/1070019/

@matt-fidd commented on GitHub (Jun 25, 2024): Aha! It's tied to the Chrome version, not so much the viewport. I just tested in Chromium 1070081 and could reproduce it easily. Official build for Windows: https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win/1070081/ Similar version for Mac but I can't test https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Mac/1070019/
Author
Owner

@lelemm commented on GitHub (Jun 26, 2024):

nice, I will download it to test out

@lelemm commented on GitHub (Jun 26, 2024): nice, I will download it to test out
Author
Owner

@lelemm commented on GitHub (Jun 26, 2024):

tried to replicate, no success yet. Tried with demo and my own budget

@lelemm commented on GitHub (Jun 26, 2024): tried to replicate, no success yet. Tried with demo and my own budget
Author
Owner

@lelemm commented on GitHub (Jun 26, 2024):

Ok, I was able to reproduce it now.
The cause of this is the fact that the number of lines in the grid is size of the screen, so the app keeps adding the scrollbar and removing it.

@lelemm commented on GitHub (Jun 26, 2024): Ok, I was able to reproduce it now. The cause of this is the fact that the number of lines in the grid is size of the screen, so the app keeps adding the scrollbar and removing it.
Author
Owner

@lelemm commented on GitHub (Jun 26, 2024):

Try this https://deploy-preview-2941.demo.actualbudget.org/ @matt-fidd
I was able to use the demo budget. You have to delete transactions from an account to fill the screen like this:
image

@lelemm commented on GitHub (Jun 26, 2024): Try this https://deploy-preview-2941.demo.actualbudget.org/ @matt-fidd I was able to use the demo budget. You have to delete transactions from an account to fill the screen like this: ![image](https://github.com/actualbudget/actual/assets/15043428/a9372fc5-d8bc-477b-a927-8e9597b6140e)
Author
Owner

@matt-fidd commented on GitHub (Jun 26, 2024):

Thank you!

That looks to have done the trick, I'm just using a blank file with 24 transactions, that seems to be the right amount to fill my page.

@matt-fidd commented on GitHub (Jun 26, 2024): Thank you! That looks to have done the trick, I'm just using a blank file with 24 transactions, that seems to be the right amount to fill my page.
Author
Owner

@lelemm commented on GitHub (Jun 26, 2024):

Nice @matt-fidd ! good news! :)

@MatissJanis can you review the PR? merge is frozen atm too

@lelemm commented on GitHub (Jun 26, 2024): Nice @matt-fidd ! good news! :) @MatissJanis can you review the PR? merge is frozen atm too
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#1170