reactjs - allowTextInput 在办公室 UI Fabric Datepicker 中不起作用

Question

我用 Office-ui-fabric-react 创建了一个日期选择器。我已启用“allowTextInput”属性。我可以在 Chrome 中编辑文本输入，但在 IE 11 中不起作用。

观察到的行为：

Chrome：在键盘导航和鼠标点击中都可以正常工作。IE 11：在键盘导航中工作正常，但无法在鼠标单击时进行编辑。

Answer 1

此问题已关闭。请在以下链接中找到更多详细信息。

https://github.com/OfficeDev/office-ui-fabric-react/issues/6008#issuecomment-419257396

链接评论的解决方案如下所示：

<div aria-label=”Tag” role=”combobox” aria-expanded=”true” aria-owns=”owned_listbox” aria-haspopup=”listbox”&gt;
  <input type=”text” aria-autocomplete=”list” aria-controls=”owned_listbox” aria-activedescendant=”selected_option”&gt;
</div>
<ul role=”listbox” id=”owned_listbox”&gt;
  <li role=”option”&gt;Zebra</li>
  <li role=”option” id=”selected_option”&gt;Zoom</li>
</ul>