palantir/blueprint

TODO: Use react-focus-lock in overlay component

Open

#6.676 geöffnet am 25. Jan. 2024

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
P2Package: coreType: enhancementhelp wanted

Beschreibung

Environment

  • Package version(s): core v5.9+

Feature request

Follow-up to Overlay2 PR https://github.com/palantir/blueprint/pull/6656

We should try to use the react-focus-lock library to replace a bunch of bespoke focus management code dealing with focus traps and document event handlers.

Contributor Guide

Tech Stack
typescriptreact
Domain
frontendaccessibility
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
ReactTypeScriptFocus managementBlueprint Overlay2 PR #6656
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Review the Overlay2 PR #6656 to understand the existing focus management code. Examine the current overlay component to identify the bespoke focus trap logic that can be replaced. Then integrate react focus lock by wrapping the overlay content with its FocusLock component, removing the custom event handlers. Ensure existing tests still pass and accessibility is preserved.