fix: Dropdown でメニュー表示状態で Tab でメニュー外に遷移したらTriggerに遷移するように修正

kufu · Sep 7, 2024 · 93543ad · 93543ad
1 parent eb3b2c0
commit 93543ad
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/packages/smarthr-ui/src/components/Dropdown/useKeyboardNavigation.ts b/packages/smarthr-ui/src/components/Dropdown/useKeyboardNavigation.ts
@@ -49,11 +49,8 @@ export function useKeyboardNavigation(
  trigger.focus()
  } else if (!e.shiftKey && e.target === lastTabbable) {
  // move focus next of the Trigger
- const rootTriggers = tabbable(rootTriggerRef.current)
- const rootTrigger = rootTriggers[rootTriggers.length - 1]
- if (rootTrigger) {
- rootTrigger.focus()
- }
+ e.preventDefault()
+ trigger.focus() // Triggerにフォーカスを移動
  }
  } else if (e.key === 'Escape' || e.key === 'Esc') {
  if (triggerElementRef.current) {