Description
When interacting with the block window, the scroll position jumps abruptly. Interestingly, this issue only happens when the blocks are at their default size. The moment the window size is manually adjusted or changed away from the default, the scrolling becomes completely normal and stable. Furthermore, this bug exclusively occurs on Chromium-based browsers (Google Chrome, Microsoft Edge), while Mozilla Firefox handles the layout and scrolling without any issues.
Steps to Reproduce
- Open the Blocks window and keep it at its default size.
- Scroll up or down within the block list/window to change the view.
- Hover any block .
- Observe that the scroll position abruptly jumps/resets immediately upon hover.
- (Optional verification) Manually resize or adjust the window size slightly, then repeat steps 3-4 -> the scroll jumping no longer occurs on hover.
Expected Behavior
The scroll position should remain stable and anchored correctly when interacting with block windows at their default size, matching the smooth behavior seen on Firefox and when the window size is manually adjusted.
Version
No response
Browser
No response
Additional Context
This issue appears to be caused by Chromium's Scroll anchoring engine miscalculating dynamic height changes at default states. The issue can be permanently resolved by adding the following CSS property to the parent container of the block elements:
overflow-anchor: none;
Description
When interacting with the block window, the scroll position jumps abruptly. Interestingly, this issue only happens when the blocks are at their default size. The moment the window size is manually adjusted or changed away from the default, the scrolling becomes completely normal and stable. Furthermore, this bug exclusively occurs on Chromium-based browsers (Google Chrome, Microsoft Edge), while Mozilla Firefox handles the layout and scrolling without any issues.
Steps to Reproduce
Expected Behavior
The scroll position should remain stable and anchored correctly when interacting with block windows at their default size, matching the smooth behavior seen on Firefox and when the window size is manually adjusted.
Version
No response
Browser
No response
Additional Context
This issue appears to be caused by Chromium's Scroll anchoring engine miscalculating dynamic height changes at default states. The issue can be permanently resolved by adding the following CSS property to the parent container of the block elements:
overflow-anchor: none;