adobe/react-spectrum

Disable entire ListBox without needing to set disabledKeys

Open

#5,837 创建于 2024年2月8日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)TypeScript (1,500 fork)auto 404
ListBoxaccessibilityenhancementhelp wanted

仓库指标

Star
 (15,634 star)
PR 合并指标
 (PR 指标待抓取)

描述

Provide a general summary of the feature here

Hey folks,

I have a ListBox which is displayed inline (aka not popped out by a trigger) inside a component which can be disabled. I'd like to be able to disable a ListBox component entirely without needing to know ahead of time what the items are within the ListBox. Adding aria-disabled would make sense I think too.

🤔 Expected Behavior?

<ListBox items={...} isDisabled> should disable interaction with all items in the ListBox, and possibly set aria-disabled on the ListBox outermost element.

😯 Current Behavior

Currently it's not possible to disable a ListBox, you have to provide a disabledKeys prop with the id of all the items. This is problematic if you don't know what the items are ahead of time, or just error prone if the list is manually created.

💁 Possible Solution

No response

🔦 Context

I have an area of my page which is enabled or disabled based on state, the ListBox is inside an area which should be disabled.

💻 Examples

No response

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

贡献者指南