Skip to content

Commit bcc77da

Browse files
authored
chore: fix Panel Confirm Dismiss example to properly restore focus after panel closes (#26301)
1 parent d2818f2 commit bcc77da

File tree

1 file changed

+13
-11
lines changed

1 file changed

+13
-11
lines changed

packages/react-examples/src/react/Panel/Panel.ConfirmDismiss.Example.tsx

+13-11
Original file line numberDiff line numberDiff line change
@@ -46,17 +46,19 @@ export const PanelConfirmDismissExample: React.FunctionComponent = () => {
4646
>
4747
<p>{explanation}</p>
4848
</Panel>
49-
<Dialog
50-
hidden={!isDialogVisible}
51-
onDismiss={hideDialog}
52-
dialogContentProps={dialogContentProps}
53-
modalProps={dialogModalProps}
54-
>
55-
<DialogFooter>
56-
<PrimaryButton onClick={hideDialogAndPanel} text="Yes" />
57-
<DefaultButton onClick={hideDialog} text="No" />
58-
</DialogFooter>
59-
</Dialog>
49+
{isDialogVisible && (
50+
<Dialog
51+
hidden={false}
52+
onDismiss={hideDialog}
53+
dialogContentProps={dialogContentProps}
54+
modalProps={dialogModalProps}
55+
>
56+
<DialogFooter>
57+
<PrimaryButton onClick={hideDialogAndPanel} text="Yes" />
58+
<DefaultButton onClick={hideDialog} text="No" />
59+
</DialogFooter>
60+
</Dialog>
61+
)}
6062
</div>
6163
);
6264
};

0 commit comments

Comments
 (0)