palantir/blueprint

Implementing "safe polygon" for nested menu items

Open

#6585 aperta il 4 dic 2023

Vedi su GitHub
 (1 commento) (7 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Status: needs proposalType: enhancementhelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 24g 18h) (17 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Inizia leggendo la documentazione di floating ui sul poligono sicuro (safe polygon) e l'articolo di Smashing Magazine. Esplora il codice sorgente di Blueprint, in particolare i componenti popover e menu (probabilmente in packages/popover/ e packages/menu/). Comprendi il comportamento attuale quando si passa il mouse tra voci di menu annidate. Quindi proponi un'implementazione che calcoli un'area poligonale sicura attorno alle voci di menu per prevenire la chiusura accidentale. Considera le modifiche necessarie all'API pubblica per esporre questa funzionalità. Cerca eventuali issue o discussioni esistenti per ulteriore contesto.
Tech stack
typescriptreact
Dominio
frontendaccessibility
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
3-5 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
ReactTypeScriptContext menus concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
45