adobe / adobe/react-spectrum

Focus behavior of `<Select />` component regarding `autoFocus` and `excludeFromTabOrder` does nothing

Open
#7,221 3 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

The `` component incorporates the props autoFocus and excludeFromTabOrder. Unfortunately the props do not work as described in the documentation.

[Select documentation](https://react-spectrum.adobe.com/react-aria/Select.html)

### 🤔 Expected Behavior?

When setting the `autoFocus` prop to true the ``inside the ``component should be focused on initial render.

When the `excludeFromTabOrder` prop is being set to true for the `` component, the `` should not be focusable by tabbing.

### 😯 Current Behavior

By setting the `autoFocus` prop nothing changes for the focusable behavior.
By setting the `excludeFromTabOrder` prop nothing changes for the focusable behavior.

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

[Sandbox](https://codesandbox.io/p/sandbox/quizzical-dewdney-pp83y3?workspaceId=06592b31-e090-4a24-b322-d9227e6368ed)

### Version

3.18.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

MacOS 14.6.1 (23G93)

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.