Use sidebarTransitionTime for timing

openstax · Jan 18, 2024 · 3b71825 · 3b71825
1 parent e5a1f21
commit 3b71825
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/content/components/TableOfContents/index.tsx b/src/app/content/components/TableOfContents/index.tsx
@@ -12,6 +12,7 @@ import { archiveTreeContainsNode, getArchiveTreeSectionType } from '../../utils/
 import { expandCurrentChapter, scrollSidebarSectionIntoView, setSidebarHeight } from '../../utils/domUtils';
 import { stripIdVersion } from '../../utils/idUtils';
 import { CloseToCAndMobileMenuButton, TOCBackButton, TOCCloseButton } from '../SidebarControl';
+import { sidebarTransitionTime } from '../constants';
 import { Header, HeaderText, SidebarPaneBody } from '../SidebarPane';
 import { LeftArrow, TimesIcon } from '../Toolbar/styled';
 import * as Styled from './styled';
@@ -67,7 +68,7 @@ const SidebarBody = React.forwardRef<
           'ol > li a, old > li summary'
         ) as HTMLElement;
 
-        setTimeout(() => firstItemInToc?.focus(), 100);
+        setTimeout(() => firstItemInToc?.focus(), sidebarTransitionTime);
       }
     },
     [props.isTocOpen, mRef]