Skip to content

Comments

[FIX]: #437 Slow and Laggy Hover on "Cookie Settings" and "Accept All Cookies" Buttons #438

Merged
adityadomle merged 1 commit intoadityadomle:mainfrom
kanishka-commits:ui/hover1
Oct 19, 2025
Merged

[FIX]: #437 Slow and Laggy Hover on "Cookie Settings" and "Accept All Cookies" Buttons #438
adityadomle merged 1 commit intoadityadomle:mainfrom
kanishka-commits:ui/hover1

Conversation

@kanishka-commits
Copy link
Contributor

Which issue does this PR close?

Rationale for this change

In the Manage Your Cookies section, the “Cookie Settings” and “Accept All Cookies” buttons exhibited a noticeable delay and lag when hovered over.
This was caused by Tailwind’s transition-all duration-300, which applied a 300ms CSS transition to all properties, including transform.
Since Framer Motion already handles hover animations using JavaScript, these two systems conflicted, resulting in a delayed and unresponsive hover effect.

Removing the conflicting transition improves the responsiveness and user experience of the buttons.

What changes are included in this PR?

  • Removed Tailwind’s transition-all class from both cookie buttons.
  • Replaced it with transition-colors to preserve smooth background and border transitions.
  • Added Framer Motion’s own transition property (spring type) to handle the hover animations for scale and y.
  • Verified smooth, immediate hover animations across browsers.

Are these changes tested?

Yes ✅

  • Manually tested on Chrome, Firefox, and Safari.
  • Verified that the hover animations are now smooth, responsive, and immediate, with no delay or stutter.
  • No regression observed in color, border, or shadow transitions.

Are there any user-facing changes?

Yes ✅

  • Hover effects on the “Cookie Settings” and “Accept All Cookies” buttons now feel instantaneous and polished, improving perceived performance and interactivity.

Screenshots

After

Screen.Recording.2025-10-15.at.7.08.39.PM.mov

@vercel
Copy link

vercel bot commented Oct 15, 2025

@kanishka-commits is attempting to deploy a commit to the Aditya Domle's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

@adityadomle adityadomle merged commit 328a1c9 into adityadomle:main Oct 19, 2025
1 of 2 checks passed
@kanishka-commits
Copy link
Contributor Author

Hey @adityadomle
Gssoc tag along with level tag is missing out on this PR, if you could kindly add it, It'd be really helpful
Thankyou

@adityadomle adityadomle added GSSoC25 Gssoc25 Official Open source project. Level 3 labels Oct 19, 2025
Copy link
Owner

@adityadomle adityadomle left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

GSSoC25 Gssoc25 Official Open source project. Level 3

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Slow and Laggy Hover on "Cookie Settings" and "Accept All Cookies" Buttons

2 participants