pastelsky/bundlephobia

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

Open

#562 建立於 2021年9月2日

在 GitHub 查看
 (1 留言) (1 反應) (0 負責人)JavaScript (8,477 star) (250 fork)batch import
buggood first issue

描述

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

貢獻者指南

技術棧
javascriptreactcss
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
1
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
basic CSS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
90
研究方向
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.