Steps to Reproduce
Open any project page in Overleaf CE.
Hover the mouse pointer over a button.
The page visibly jitters/shakes while the mouse is hovering over the button.
Expected Behaviour
The page should remain stable when hovering over a button, with no visible jitter or movement.
Observed Behaviour
When the mouse hovers over a button, the page quickly jitters or jumps, affecting the user experience.
Refer to the attached video for demonstration:
3.15.mp4
Context
This issue causes unstable page behavior during normal usage, making it difficult for users to reliably click or interact with buttons.
The behavior is consistent across different browsers and screen resolutions.
Technical Info
URL: Local or CE environment page
Browser Name and version: Chrome 146.0.7680.80 / Firefox 148.0.2
Operating System and version (desktop or mobile): Windows 10 & Windows 11
Signed in as: Developer / Test user
Project and/or file: Any project reproduces the issue
Analysis
The issue is likely related to CSS hover styles on the buttons that trigger reflows or repaints when hovering.
Steps to Reproduce
Expected Behaviour
The page should remain stable when hovering over a button, with no visible jitter or movement.
Observed Behaviour
When the mouse hovers over a button, the page quickly jitters or jumps, affecting the user experience.
Refer to the attached video for demonstration:
3.15.mp4
Context
This issue causes unstable page behavior during normal usage, making it difficult for users to reliably click or interact with buttons.
The behavior is consistent across different browsers and screen resolutions.
Technical Info
Analysis
The issue is likely related to CSS hover styles on the buttons that trigger reflows or repaints when hovering.