asked on September 8, 2025
Hello Flexmonster team,
When applying updates to a cell that is slightly off-grid horizontally, the selector becomes misaligned afterward:
FIX The issue when the horizontal scroll position changed after editing cells in the last column was fixed.
However, we are still experiencing this issue after updating Flexmonster to the latest version.
Is there anything we can do to resolve this, such as using an API call or another workaround?
Best regards,
Christopher / Accobat team (-:
⋅ September 9, 2025
Hello Christopher,
Thank you for reaching out to us.
Firstly, we would like to note that the fix you are referring to was implemented for the flat view with the built-in Flexmonster editing enabled with the editing option. Hence, this fix is not related to the issue you are experiencing. Still, we suggest updating to the latest version, since we have recently added fixes associated with grid misalignments.
If the update did not help, could you provide a reproducible sample so we can investigate the issue directly? If that is not possible, please check the browser console for errors and share them. From our experience, such selection misalignment issues are often caused by runtime errors in Flexmonster or within the customizeCell function.
We are looking forward to hearing from you.
Best regards,
Maksym
⋅ September 9, 2025
Hello Maksym,
Thank you for the quick response. Unfortunately, I’m not able to provide a reproducible sample of the project at this point, as it is simply too large, and I’m also not entirely sure where the issue is occurring.
There are no errors in the dev tools.
I may need to investigate the customizeCell function, since it is quite large and contains a lot of complexity.
best regards,
Christopher / Accobat team
⋅ September 10, 2025
Hello Maksym,
After further investigation, I can confirm that the issue is not related to the customizeCell function.
What I did notice is that the bug is connected to the column headers and rows becoming misaligned. This misalignment only occurs when entering edit mode for a cell that is partially out of view. Please see the attached image for reference.
Is there any methods we can use like scrolling horizontally, soft reset of column and rows, anything? (-:
Best regards,
Christopher / Accobat team
⋅ September 11, 2025
Hello, Christopher!
Thank you for sharing more information with us.
We noticed that you have implemented cell editing on the pivot, which is not a part of the default functionality in Flexmonster. This functionality requires custom user interactions with the grid, which may overlap with the virtual scrolling on large grids.
To better understand our point, it is worth mentioning that the Flexmonster grid markup consists of different sections (areas). Additionally, Flexmonster uses virtual scrolling, preventing all data from being rendered simultaneously. As a result, scrolling across multiple areas is a complex process.
Thus, while editing, the browser may try to scroll the custom input element to make it fully visible. This bypasses Flexmonster's scroll, causing only one grid area to be scrolled instead of the whole grid, leading to misalignment between different grid areas. We recommend further investigating how the events are handled in the custom on-grid editing functionality as a possible cause of the misalignment issue.
Please let us know if our suggestion was helpful.
Best regards,
Maksym
⋅ 2 days ago
Hello Maksym,
This ticket might lead me in a new direction to look for. Thanks a lot, I will return once its fixed.
Best regards,
Christopher / Accobat team
