Office UI Fabric DetailsList复选框在移动设备上显示不正确

Question

在移动设备上查看时，Office UI Fabric DetailsList组件的行为异常。当您选中列表中的选定项目时，所有复选框突然出现（未选中）。

选择之前：

选择后：

您可以使用以下代码笔进行复制：https://codepen.io/elegault/pen/GPwNMQ

只需打开浏览器开发工具，然后从仿真器列表中选择任何设备，然后切换选择即可。您会注意到，在完全浏览器模式下，复选框不会全部出现。

我找不到控制它的DetailsList组件的任何属性。我的组件的设置如下。这是设计使然还是错误？

        const projects = <Fabric.DetailsList
            items={this.state.items}
            componentRef={this._detailsListRef}
            columns={columns}    
            selectionMode={Fabric.SelectionMode.single}
            selectionPreservedOnEmptyClick={true}
            enterModalSelectionOnTouch={true}
            selection={this._selection}
        />;

Answer 1

在这个简单的detailslist示例中，我没有看到相同的行为。

https://codepen.io/dzearing/pen/EgqMZq

<p>

您可以创建一个简化的测试用例，然后如果仍然发现问题，则将问题提交给https://github.com/OfficeDev/office-ui-fabric-react/

Answer 2

Microsoft已验证此行为是设计使然： https://github.com/OfficeDev/office-ui-fabric-react/issues/7808

“的想法是，在触摸屏设备上，它会向您显示复选框，以便您知道可以选择和不能选择的内容（与鼠标控制的设备相反，它们可以将鼠标悬停在该行上以查看复选框可见）。”