3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-07 13:22:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): select correct tab when items are incorrectly ordered (#4468)

Browse source
This commit is contained in:
Armano 2021-03-19 18:12:58 +01:00 • committed by GitHub
parent 61548d3995
commit 80e40c36e5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/docusaurus-theme-classic/src/theme/Tabs/index.tsx
View file

@ -46,10 +46,12 @@ function Tabs(props: Props): JSX.Element {
} }
} }
const handleTabChange = (event) => { const handleTabChange = (
const selectedTab = event.target; event: React.FocusEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement>,
) => {
const selectedTab = event.currentTarget;
const selectedTabIndex = tabRefs.indexOf(selectedTab); const selectedTabIndex = tabRefs.indexOf(selectedTab);
const selectedTabValue = children[selectedTabIndex].props.value; const selectedTabValue = values[selectedTabIndex].value;
setSelectedValue(selectedTabValue); setSelectedValue(selectedTabValue);

4
packages/docusaurus-theme-classic/src/types.d.ts vendored
View file

@ -429,8 +429,8 @@ declare module '@theme/TabItem' {
export type Props = { export type Props = {
readonly children: ReactNode; readonly children: ReactNode;
readonly value: string; readonly value: string;
readonly hidden: boolean; readonly hidden?: boolean;
readonly className: string; readonly className?: string;
}; };
const TabItem: (props: Props) => JSX.Element; const TabItem: (props: Props) => JSX.Element;