Skip to content

[BUG]: Visual Overlay Appears Behind GooeyNav Selection #195

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1 task done
OZA0402 opened this issue Apr 25, 2025 · 0 comments
Open
1 task done

[BUG]: Visual Overlay Appears Behind GooeyNav Selection #195

OZA0402 opened this issue Apr 25, 2025 · 0 comments
Labels
bug Something isn't working

Comments

@OZA0402
Copy link

OZA0402 commented Apr 25, 2025

Describe the issue

An unintended blur or background overlay appears behind the selected item in the GooeyNav component. This occurs when the selection animation is triggered, causing a visual effect that doesn’t align with the intended UI design. The issue affects the visual clarity of the navigation, especially in designs that rely on clean or layered aesthetics.

Reproduction Link

https://codesandbox.io/p/devbox/6h5fhz

Steps to reproduce

  1. Click on a nav item to activate the selection animation.
  2. Observe that a blurred overlay appears behind the selected item during or after the animation.
  3. Repeat with other items — the visual overlay remains or reappears behind each selected nav item.

Validations

  • I have checked other issues to see if my issue was already reported or addressed
@OZA0402 OZA0402 added the bug Something isn't working label Apr 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant