palantir/blueprint

Implementing "safe polygon" for nested menu items

Open

#6,585 opened on 2023年12月4日

GitHub で見る
 (1 comment) (7 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Status: needs proposalType: enhancementhelp wanted

説明

Environment

  • Package version(s): N/A
  • Browser and OS versions: N/A

Feature request

The supersceding library to popper.js (floating-ui) has this feature built in, but the idea is to make better guarantees about where a user can safely move their mouse without dismissing the popover accidentally & expose this on the public API. See:

Examples

image

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

技術スタック
typescriptreact
領域
frontendaccessibility
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
3-5 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
ReactTypeScriptContext menus concepts
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
45
調査方針
Start by reading the floating ui documentation on safe polygon and the Smashing Magazine article. Explore the Blueprint codebase, particularly the popover and menu components (likely in packages/popover/ and packages/menu/). Understand the current behavior when hovering between nested menu items. Then propose an implementation that computes a safe polygon area around the menu items to prevent accidental dismissal. Consider the public API changes needed to expose this feature. Look for existing issues or discussions for additional context.