palantir/blueprint

Implementing "safe polygon" for nested menu items

Open

#6,585 opened on Dec 4, 2023

View on GitHub
 (1 comment) (7 reactions) (0 assignees)TypeScript (2,167 forks)batch import
Status: needs proposalType: enhancementhelp wanted

Repository metrics

Stars
 (20,263 stars)
PR merge metrics
 (Avg merge 43d 10h) (27 merged PRs in 30d)

Description

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

Contributor guide

Research direction
Study the floating ui safePolygon implementation and understand how Blueprint's Popover component handles mouse enter/leave events. Then, design a solution to integrate safe polygon into the nested menu items.
Tech stack
typescriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactTypeScriptGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45