palantir/blueprint

[Select] Focus issue when changing from one select to another directly

Open

#5,129 建立於 2022年2月11日

在 GitHub 查看
 (0 留言) (0 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: selectType: bughelp wanted

描述

Environment

  • Package version(s):
    @blueprintjs/core 3.53.0 @blueprintjs/select 3.18.12
  • Operating System: MacOS Monterey 12.1
  • Browser name and version: Google Chrome 98.0.4758.80

Code Sandbox

Sandbox

Steps to reproduce

  1. Create 2 Select from @blueprintjs/select with button as target child
  2. Select a first Select
  3. Click on the second target button directly (don't click outside first then on button this behavious is ok, it happens only when you directly click on a target)
  4. Play with arrow to change active Item

Actual behavior

https://user-images.githubusercontent.com/9548473/153581747-8394dc16-d10a-4c3d-9ca0-f20e13711539.mov

Expected behavior

Correctly focus the second target button.

貢獻者指南

技術棧
typescriptreact
領域
frontendaccessibility
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
React basicsBlueprint component knowledge
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
Investigate the Select component's focus management in the Blueprint repository. Look at the Overlay and Popover components to understand how focus is handled when a Select closes. The issue occurs when directly clicking from one Select to another, causing focus to not transfer to the second target. Check the relevant source files in packages/select/src/ and packages/core/src/components/overlay/ for focus trap or auto focus logic. The sandbox provided can help reproduce the issue.