material-ui [TreeView] -无法使用键盘ENTER键选择父节点

mfuanj7w 于 2022-10-29 发布在其他

关注(0)|答案(4)|浏览(185)

重复

我已经搜索了存在的问题

重现步骤🕹

操作步骤：
1.访问CodeSandbox或MUI Docs
1.“导航树视图”组件使用箭头键
1.按Enter或空格键激活

当前行为😯

ENTER键将展开或折叠树，但不会选择父节点。
空格键将选择父项。

预期行为🤔

我想使用ENTER键选择父节点。

上下文🔦

在APG Tree View Design Pattern上
Enter Key：激活节点，即执行其默认操作。对于父节点，一个可能的默认操作是打开或关闭节点。在单选树中，选择不跟随焦点（请参阅下面的注解），默认操作通常是选择焦点节点。
如果可能的话，我想使用Enter激活导航树上的所有项目。我已经尝试了几种不同的方法来使用自定义组件，但我没有运气

您的环境🌎

“@梅/图标-材质”：“^5.10.3”，
“@梅/实验室”：“^5.0.0-alpha.98“，
“@梅/材料”：“5.10.3”、
“@梅/款式”：“5.10.3”、
“React”：“18.2.0”
用户代理|Mozilla/5.0（苹果电脑;英特尔Mac OS X 10_15_7）苹果网络工具包/537.36（KHTML，像壁虎）Chrome浏览器/105.0.0.0 Safari浏览器/537.36
谷歌浏览器|105.0.5195.125（正式版本）（x86_64）

material-ui

来源：https://github.com/mui/material-ui/issues/34526

4条答案

按热度按时间

cx6n0qe31#

Enter键：激活节点，即执行其默认操作。对于父节点，一个可能的默认操作是打开或关闭节点。在单选树中，选择不跟随焦点（请参阅下面的注解），默认操作通常是选择焦点节点。
这精确地描述了当前实现的内容。Enter打开/关闭，Space按定义切换打开/关闭的空间：
空格：切换焦点节点的选择状态。

赞(0）回复(0）举报 2022-10-29

nbnkbykc2#

谢谢你的回复。
但是为什么不允许在回车时选择父节点呢？TreeView的设计模式不是建议空间应该只为多选树切换选择吗？
这是否会给用户造成混乱，因为他们可能只在非父节点上使用ENTER或SPACE进行交互，但如果他们要选择父节点，则只能使用SPACE？
在多选树中进行选择：
空格：切换焦点节点的选择状态。
我的用例不是多选树，APG Tree View Example中也是这样--允许空格或回车。

赞(0）回复(0）举报 2022-10-29

ars1skjm3#

我们是否希望展开/折叠父节点以获得空间，并选择/取消选择Enter键？

赞(0）回复(0）举报 2022-10-29

2vuwiymt4#

我很抱歉，但我还是不明白为什么提议的比我们现在拥有的更好。我们在父节点上有两种可能的操作：扩展和选择。我们为他们每个人开了一个不同的键，我们遵循ARIA的指南：
Enter：对于父节点，一个可能的默认操作是打开或关闭节点。
无论是单选还是多选。

赞(0）回复(0）举报 2022-10-29