chore: story fixes for a11y flakes (#3920)

twilio-labs · May 29, 2024 · cd65d9b · cd65d9b
1 parent cb3b0f4
commit cd65d9b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx b/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx
@@ -35,7 +35,7 @@ export const SidebarWithContent: React.FC<
         <SidebarHeaderLabel>Product name</SidebarHeaderLabel>
       </SidebarHeader>
       <SidebarBody>
-        <SidebarNavigation aria-label={id}>
+        <SidebarNavigation aria-label={id} hideItemsOnCollapse>
           <SidebarNavigationItem href="#" selected>
             Explore products
           </SidebarNavigationItem>

diff --git a/packages/paste-core/components/side-panel/stories/index.stories.tsx b/packages/paste-core/components/side-panel/stories/index.stories.tsx
@@ -67,7 +67,7 @@ export const Basic = (): React.ReactNode => {
         <SidePanelContainer id={sidePanelId} isOpen={isOpen} setIsOpen={setIsOpen}>
           <SidePanelWithContent />
           <SidePanelPushContentWrapper>
-            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40">
+            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40" id={mainContentSkipLinkID}>
               <SidePanelButton variant="secondary">Toggle Side Panel</SidePanelButton>
             </Box>
           </SidePanelPushContentWrapper>
@@ -99,7 +99,7 @@ export const I18n = (): React.ReactNode => {
           id={sidePanelId}
         >
           <SidePanelPushContentWrapper>
-            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40">
+            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40" id={mainContentSkipLinkID}>
               <SidePanelButton variant="primary">Probar Panel Lateral</SidePanelButton>
             </Box>
           </SidePanelPushContentWrapper>