ms-office - Office Fabric：在非模态面板外捕获点击

Question

Office Fabric 具有“非模态”面板的概念： https ://developer.microsoft.com/en-us/fabric#/components/panel

非模态面板不会在面板的其余部分上显示阴影覆盖，并且非模态区域中的按钮将对悬停事件做出反应，但它们不会响应点击（在示例中也是如此）

如果不是这种情况，我不清楚非模态面板的目的。

有没有办法响应非模态外区域的点击？

Answer 1

您可以通过设置isHiddenOnDismiss={true}.

<Panel
    isBlocking={false}
    isOpen={this.state.showPanel}
    isHiddenOnDismiss={true}
    onDismiss={this._setShowPanel(false)}
    type={PanelType.medium}
    headerText='Non-Modal Panel'
    closeButtonAriaLabel='Close'
>

我在“面板 - 关闭时隐藏”的属性中找到了这个。删除此属性或将其设置为 false 将复制您的问题。

请参阅在关闭面板示例中隐藏