Skip to content

Bug: ease-zoom-in on hero section causes scrollbar flicker in Chrome on page load #17386

Description

@Nareshkumawat-star

Describe the bug

When .ease-zoom-in is applied to a full-width hero section, Chrome shows a brief vertical scrollbar flicker on page load. The scale transform momentarily pushes content outside the viewport boundary before the animation settles.

Steps to Reproduce

  1. Apply ease-zoom-in to a 100vw hero section
  2. Load the page in Chrome (desktop)
  3. A brief scrollbar flash appears in the first ~200ms

Expected Behavior

No scrollbar should appear during the zoom-in animation.

Suggested Fix

Add overflow: hidden on the body or parent wrapper in the ease-zoom-in class documentation, or use clip instead of overflow: hidden to avoid affecting scroll behaviour.

Metadata

Metadata

Labels

GSSoC-26Official GSSoC 2026 issueanimationAnimation effects, hover interactions, motion ideas, transitionsgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededlevel:intermediateRequires moderate project understanding

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions