Page jitter when hovering over buttons

[M0rtzz]

Steps to Reproduce

1. Open any project page in Overleaf CE.
2. Hover the mouse pointer over a button.
3. 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.

[Musicminion]

Sorry for that, But I think this bug should be reported to overleaf issue or support@overleaf.com

This bug is not introduced by our additional feature, and maybe fixed later in upstream, so we will update then.

[Musicminion]

add: overleaf/overleaf#1462

[M0rtzz]

Sorry for that, But I think this bug should be reported to overleaf issue or support@overleaf.com

This bug is not introduced by our additional feature, and maybe fixed later in upstream, so we will update then.

Thanks for the suggestion! This is indeed an upstream issue.