palantir/blueprint

MenuItem sizing issue when using large modifier with nested items

オープン

#4,893 opened on 2021/09/09

 (1 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (2,167 件のフォーク)batch import
P2Package: coreType: bughelp wanted

Repository metrics

Stars
 (20,263 個のスター)
PR merge metrics
 (平均マージ 43d 10h) (30d で 27 merged PRs)

説明

Environment

  • Package version(s): 4.0.0-alpha.0
  • Operating System: Windows
  • Browser name and version: Edge Version 92.0.902.78 (Official build) (64-bit)

Steps to reproduce

  • Hover over a MenuItem with nested MenuItem(s)

Expected Result

  • Sub-menu opens with no sizing change to parent item

Actual Result

  • Parent MenuItem size changes (looks like top/bottom padding reduces), which is particularly an issue when hovering at the lower edge of the item, and doesn't look great

CodeSandbox Example

https://codesandbox.io/s/blueprint-4-menu-issue-wmb12?file=/src/index.tsx

コントリビューターガイド