fix for suggestions (#320)

Co-authored-by: Makhmudjon Inadullaev <makhmudjon@Makhmudjons-MacBook-Pro-2.local>

Makhmudjon Inadullaev committed Nov 17, 2022 at 12:40 UTC 6ceb4872b38701181430da5f415105b951bd611b
1 file changed +4 -6
theme/src/components/variant-select.js
+4 -6
@@ -48,9 +48,7 @@ function VariantSelect(props) {
48 id={match.variant.shortName}
49 key={index}
50 active={active}>
51 - <span aria-label={`${match.variant.title}. List items ${index + 1} of ${variantPages.length}`}>
52 - {match.variant.title}
53 - </span>
51 + {match.variant.title}
52 </ActionList.Item>);
53 });
54
@@ -58,11 +56,11 @@ function VariantSelect(props) {
56
57 return (
58 <ThemeProvider>
61 - <label id="label-versions-list-item" htmlFor='variant-select'>Select CLI Version:</label>
62 - <ActionMenu id="versions-list-item" aria-labelledby="label-versions-list-item" open={open} onOpenChange={setOpen}>
59 + <label id="label-versions-list-item" htmlFor='versions-list-item'>Select CLI Version:</label>
60 + <ActionMenu open={open} onOpenChange={setOpen}>
61 <ActionMenu.Button autofocus="true" aria-label={ariaLabelMenuButton}>{selectedItem.variant.title}</ActionMenu.Button>
62 <ActionMenu.Overlay width="medium" onEscape={() => setOpen(false)}>
65 - <ActionList>
63 + <ActionList id="versions-list-item" aria-labelledby="label-versions-list-item">
64 {items}
65 </ActionList>
66 </ActionMenu.Overlay>