pastelsky/bundlephobia

"Limited Tree-Shakability" tooltip displays behind Size-Version graph bars

Open

#562 ouverte le 2 sept. 2021

Voir sur GitHub
 (1 commentaire) (1 réaction) (0 assignés)JavaScript (8 477 stars) (250 forks)batch import
buggood first issue

Description

Describe the bug

The "ES2015 exports introduced. Not side-effect free yet, hence limited tree-shake ability." Tooltip in the Size-per-package-Version graph is displayed behind the graphs bars, possibly making the tooltip text unreadable. image

To Reproduce

Found on this page: https://bundlephobia.com/package/node-fetch@2.0.0 Using latest Chrome

Expected behavior

Proper readability of the tooltip in this edgecase

Guide contributeur

Stack technique
javascriptreactcss
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
basic CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
90
Direction de recherche
The issue is a CSS layering bug where the tooltip appears behind the graph bars. Look at the tooltip and graph components in the bundlephobia frontend code. Inspect the z index values and ensure the tooltip has a higher z index or is positioned correctly. A simple CSS fix should suffice.