Ant Design AutoComplete allowClear - 如何使清除图标始终可见以及如何使用键盘触发 onClear?

Ant Design AutoComplete allowClear - how to make clear icon always visible and how to trigger onClear using keyboard?

提问人:Yashi Arya 提问时间:11/17/2023 更新时间:11/17/2023 访问量:8

问:

我正在使用蚂蚁设计制作搜索栏,为此目的我正在使用自动完成元素。

出于可访问性的原因,我希望能够使用键盘触发 onclear。我能够实现焦点可见,但是当我在清除按钮聚焦时按回车键时,它不是触发 onClear 事件,而是触发提交事件。

此外,只有当我将鼠标悬停在搜索栏上时,透明图标才可见。我尝试了多种 css 解决方案,但我仍然无法禁用该悬停效果。我不确定悬停效果是如何处理的,即使在蚂蚁设计文档上也有同样的效果。有什么解决办法吗?

我尝试添加.anticon:not(:hover)。我还尝试禁用动画。没有任何帮助。

ReactJS 自动完成 辅助功能 UI可访问性 ant-design-pro

评论


答: 暂无答案