Skip to content

Commit e62ea27

Browse files
committed
Improve a11y of VuiSearchInput and bump to 13.2.4.
1 parent 7a238b6 commit e62ea27

File tree

3 files changed

+27
-21
lines changed

3 files changed

+27
-21
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@vectara/vectara-ui",
3-
"version": "13.2.3",
3+
"version": "13.2.4",
44
"homepage": "./",
55
"description": "Vectara's design system, codified as a React and Sass component library",
66
"author": "Vectara",

src/docs/pages/searchInput/SearchInput.tsx

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,25 +5,27 @@ export const SearchInput = () => {
55
const [searchValue, setSearchValue] = useState("");
66

77
return (
8-
<VuiFlexContainer alignItems="center">
9-
<VuiFlexItem grow={1}>
10-
<VuiSearchInput
11-
autoFocus
12-
placeholder="Ask a question"
13-
value={searchValue}
14-
onChange={(e) => setSearchValue(e.target.value)}
15-
onSubmit={(e) => {
16-
e.preventDefault();
17-
alert(`Submit ${searchValue}`);
18-
}}
19-
/>
20-
</VuiFlexItem>
8+
<form>
9+
<VuiFlexContainer alignItems="center">
10+
<VuiFlexItem grow={1}>
11+
<VuiSearchInput
12+
autoFocus
13+
placeholder="Ask a question"
14+
value={searchValue}
15+
onChange={(e) => setSearchValue(e.target.value)}
16+
onSubmit={(e) => {
17+
e.preventDefault();
18+
alert(`Submit ${searchValue}`);
19+
}}
20+
/>
21+
</VuiFlexItem>
2122

22-
<VuiFlexItem>
23-
<VuiButtonPrimary color="primary" size="m">
24-
Search
25-
</VuiButtonPrimary>
26-
</VuiFlexItem>
27-
</VuiFlexContainer>
23+
<VuiFlexItem>
24+
<VuiButtonPrimary color="primary" size="m">
25+
Search
26+
</VuiButtonPrimary>
27+
</VuiFlexItem>
28+
</VuiFlexContainer>
29+
</form>
2830
);
2931
};

src/lib/components/searchInput/SearchInput.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,10 @@ export const VuiSearchInput = ({
109109
setAreSuggestionsVisible(false);
110110
break;
111111
}
112+
113+
case "Enter": {
114+
break;
115+
}
112116
}
113117
};
114118

@@ -170,7 +174,7 @@ export const VuiSearchInput = ({
170174
});
171175

172176
return (
173-
<form onSubmit={onSubmit}>
177+
<form onSubmit={onSubmit} role="search">
174178
<div
175179
ref={containerRef}
176180
className={classes}

0 commit comments

Comments
 (0)