javascript-tutorial / javascript-tutorial/en.javascript.info

javascript.info main page "tabs__menu sticky" bug

Ouverte
#3,327 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Issue

Hi,
I just found a bug on the main page (i checked it on brave and chrome, opera), it turns out that the top bar displaying the user's position on the page does not cover all the text underneath and you can see some text on top of it. I don't know what causes it, because top property is set to 0.
Gif:
Animation

Solution

I know how to fix this issue, just set the value of the "top" property of the "tabs__menu sticky" element to -0.1px to avoid the problem.
Gif:
after

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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.

Piste de recherche

Recherchez sur la page principale l’élément "tabs__menu sticky" et inspectez son positionnement sticky, en particulier la propriété top. Reproduisez le comportement de défilement dans un navigateur basé sur Chromium et vérifiez que la barre supérieure couvre entièrement le texte situé en dessous, sans chevauchement visible.

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

Évaluation

Stack technique
css
Domaine
frontend
Type d'issue
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
48/100

Recevez les nouvelles issues par e-mail

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