sek-consulting / solid-ui

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.
https://www.solid-ui.com
MIT License
780 stars 31 forks source link

Navigation menu animation pop-in after the second hover #116

Open T3sT3ro opened 1 month ago

T3sT3ro commented 1 month ago
  1. Open navigation menu demo
  2. Hover over "Getting Started" dropdown to show the menu for the first time, works as expected
  3. take mouse off the "Getting Started"
  4. Hover once again over "Getting Started"
  5. The menu slides in from the left or something
  6. now Take mouse entirely off the menu
  7. Hover over the second element, "Overview"
  8. The previous "Getting started" menu is opened for a split second and the "Overview" pops in immediately, causing visual flash and jump

The popup slide-in animations should behave to avoid the visual "pop" effect.

sek-consulting commented 1 month ago

This looks like it's a problem that's already present in the primitive: https://kobalte.dev/docs/core/components/navigation-menu

/edit: https://github.com/kobaltedev/kobalte/issues/431