random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-03-02 16:08:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

focus getting restored to more button on closing the delete collection dialog using close button

Browse Source
This commit is contained in:
Sampath 2023-07-26 19:59:33 +05:30
parent 42e11d5160
commit 045d038a93
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Explorer/Panes/PanelContainerComponent.tsx
View File

@ -1,4 +1,5 @@
import { IPanelProps, IRenderFunction, Panel, PanelType } from "@fluentui/react"; import { IPanelProps, IRenderFunction, Panel, PanelType } from "@fluentui/react";
import { useSelectedNode } from "Explorer/useSelectedNode";
import * as React from "react"; import * as React from "react";
import { useNotificationConsole } from "../../hooks/useNotificationConsole"; import { useNotificationConsole } from "../../hooks/useNotificationConsole";
import { useSidePanel } from "../../hooks/useSidePanel"; import { useSidePanel } from "../../hooks/useSidePanel";
@ -77,11 +78,19 @@ export class PanelContainerComponent extends React.Component<PanelContainerProps
} }
private onDissmiss = (ev?: KeyboardEvent | React.SyntheticEvent<HTMLElement>): void => { private onDissmiss = (ev?: KeyboardEvent | React.SyntheticEvent<HTMLElement>): void => {
const targetElementDataTest = useSelectedNode.getState().findSelectedCollection().id();
const targetElement: HTMLElement = document.querySelector(`[data-test="${targetElementDataTest}"]`);
if (ev && (ev.target as HTMLElement).id === "notificationConsoleHeader") { if (ev && (ev.target as HTMLElement).id === "notificationConsoleHeader") {
ev.preventDefault(); ev.preventDefault();
} else { } else {
useSidePanel.getState().closeSidePanel(); useSidePanel.getState().closeSidePanel();
} }
if (targetElement) {
const moreButton: HTMLElement = targetElement.querySelector('[name="More"]');
if (moreButton) {
moreButton.focus();
}
}
}; };
private getPanelHeight = (): string => { private getPanelHeight = (): string => {