search

khazifire / DripUI

DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!
https://dripui.vercel.app/
MIT License
62 stars 69 forks source link

[BUG] Inconsistent pointer behavior on menu button hover #72

Open IsteakShupto opened 2 weeks ago

IsteakShupto commented 2 weeks ago

Prior Issues

I have checked through the existing issues and PRs but did not find any that address the inconsistent behavior of the pointer on the hamburger menu of the header components in DripUI.

Current Behavior

On the page where header components are listed (specifically where all basic navbars are displayed), the navigation button components show inconsistent behavior on hover in mobile view.

issue_on_hovering_a_menu_button

Steps to Reproduce

  1. Open the DripUI web app on Chrome or Edge browser.
  2. Navigate to the component's section.
  3. Go to the header components section.
  4. Select one of the basic navbar components and switch to mobile view.
  5. In mobile view, hover over the menu button (hamburger icon). The mouse pointer flickers between the default cursor and cursor-pointer, resulting in inconsistent behavior where the pointer briefly changes to the pointer icon and then reverts to the default cursor. This creates a bad user experience.

Expected Behavior

The flickering should stop, and the pointer should consistently remain as cursor-pointer when hovering over the menu button, without shifting between the default cursor and cursor-pointer.

Environment Details

ShyneADL commented 1 day ago

Assign this task to me