Skip to content

Commit 2939221

Browse files
committed
[Fix Accessibility] Add focus-visible styles to Mobile Table of Contents component
1 parent 395867f commit 2939221

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/components/table-of-contents.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,10 @@ export const Mobile = withTableOfContents(({items}) => {
5353
borderBottomWidth: open ? 1 : 0,
5454
borderBottomLeftRadius: open ? 0 : 2,
5555
borderBottomRightRadius: open ? 0 : 2,
56+
'&:focus-visible': {
57+
outline: '2px solid',
58+
outlineColor: '-webkit-focus-ring-color',
59+
},
5660
}}
5761
leadingIcon={open ? ChevronDownIcon : ChevronRightIcon}
5862
>

0 commit comments

Comments
 (0)