首页 > 解决方案 > 织物 UI:尝试在对话框中输入一些文本时调用面板 onDismiss

问题描述

我首先打开了一个面板,然后打开了一个对话框来输入一些信息,但是只要我开始在对话框中输入,对话框和面板就会关闭。

我添加onOuterClick={() => { }}到面板,然后它不允许我输入任何内容。

我的代码看起来像

  <Panel
    isOpen={props.isOpen}
    isHiddenOnDismiss={true}
    onDismiss={onDismiss}
    type={PanelType.large}
    closeButtonAriaLabel="Close"
    headerText={detailHeader}
    className={extraClass}
    onOuterClick={() => { }} >

小组是 https://docs.microsoft.com/en-us/javascript/api/examples/panel?view=office-ui-fabric-react-latest

无论如何要解决这个问题?

标签: dialogpaneloffice-ui-fabric

解决方案


推荐阅读