使用语义ui日历日期选择器在react数据网格自定义编辑器上进行键盘导航

Question

目标：使用响应数据网格自定义编辑器启用语义日历日期选择器的键盘导航

构建演示：日期选择器的第三列https://codesandbox.io/embed/8l4jkor19

当前行为：

• 双击日期单元格，弹出日历
• 按键盘箭头键，所选单元格已更改，日历将消失

通缉行为：

• 双击日期单元格弹出日历
• 按在日历日期导航的键盘箭头键，然后按回车键选择

官方示例：第一个输入单元https://arfedulov.github.io/semantic-ui-calendar-react/

问：有没有人遇到过类似的情况？不知道问题发生在哪里以及如何调查。非常感谢

Answer 1

发生这种情况是因为您从dom节点失去了焦点。

尝试在自定义编辑器中使用以下代码。

getInputNode = () => {
    // eslint-disable-next-line react/no-find-dom-node
    return ReactDOM.findDOMNode(your calender id selector);
}