Glitch in Sidebar drawer Hover Effect on SWAP TAIKO

[sarvarbekabdupattoyev]

Description

I've encountered a visual glitch on the sidebar of the website when hovering over the sidebar items. The elements within the sidebar appear to flicker or behave unexpectedly.

Expected Behavior

The sidebar items should display a stable and smooth visual effect when hovered over.

Actual Behavior

When hovering over the sidebar items, they exhibit a glitching or flickering effect.

Possible Solution

This might be related to CSS transitions or animations applied to these elements. It could also be a JavaScript event handling issue.

Screen Recording

I have attached a screen recording to demonstrate the issue. File link

Environment

• Browser: [Chrome, version: 123.0.6312]
• OS: [Windows 11]
• Device: [Desktop PC]

Additional Information

This issue occurs consistently every time the sidebar items are hovered over, suggesting a persistent problem in the CSS or JavaScript implementation.

Thank you for looking into this matter. I am willing to assist further if required.

Steps to reproduce

Steps to Reproduce

1. Go to right sidebar drawer
2. Hover over the drawer which is named class: AccountDrawer__CloseDrawer
3. Observe the flickering or glitching effect

Spam policy

• I verify that this issue is NOT SPAM and understand SPAM issues will be closed and reported to GitHub, resulting in ACCOUNT TERMINATION.

[github-actions]

This issue is stale because it has been open for 30 days with no activity.