Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Smoother navigation bar UX to reduce flickering and missed clicks

Ouverte
#316 12 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
À clarifier
Activité
À l'abandon
Domaine
frontend

Piste de recherche

Commencez par reproduire le comportement du menu déroulant de la barre de navigation décrit dans l’issue, en particulier lorsque le curseur se déplace juste à l’extérieur de la hitbox, et lisez l’article de Smashing Magazine lié pour comprendre le contexte de l’interaction. Le travail est terminé lorsque le menu ne scintille plus et ne disparaît plus pendant les mouvements normaux du pointeur, et que ses boutons peuvent être cliqués de manière fiable.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Enhancement Help Wanted

In its current state, the dropdown menu on the navigation bar is prone to flickering, and it is sometimes hard to click the button you want to hit. If your cursor hovers just one pixel outside of the hitbox the menu disappears.

There are a few ways to solve this, from introducing a delay (with the issue that it creates lag) to smarter approaches that analyze mouse movement. Some more details and code examples can be found in this article: https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/

Langage dominant
MDX
Étoiles
90
Forks
122
Merge moyen
1 h 20 min
PR mergées (30 j)
4

Préparer son environnement

Nous n'avons pas encore vérifié les fichiers d'installation de ce projet. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de processing/processing-website

Toutes les issues de processing/processing-website

Issues similaires

Plus d'issues Web Dev

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.