Skip to content

Commit dc18d88

Browse files
fix: add missing DialogTitle in SideDrawer.Header
This removes annoying console.errors in Lace V2 and fixes one a11y aspect
1 parent 19be67e commit dc18d88

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/design-system/side-drawer/side-drawer-content-header.component.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
import React from 'react';
22

3+
import { DialogTitle } from '@radix-ui/react-dialog';
4+
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
5+
36
import { Box } from '../box';
47
import { Flex } from '../flex';
58
import * as NavigationButtons from '../navigation-buttons';
@@ -32,6 +35,9 @@ export const Header = ({
3235
</Flex>
3336
)}
3437
<Flex justifyContent="center" w="$fill">
38+
<VisuallyHidden>
39+
<DialogTitle>{text}</DialogTitle>
40+
</VisuallyHidden>
3541
<Text.Body.Large weight="$bold" data-testid="drawer-header-title">
3642
{text}
3743
</Text.Body.Large>

0 commit comments

Comments
 (0)