File tree Expand file tree Collapse file tree 3 files changed +27
-21
lines changed
lib/components/searchInput Expand file tree Collapse file tree 3 files changed +27
-21
lines changed Original file line number Diff line number Diff line change 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" ,
Original file line number Diff line number Diff 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} ;
Original file line number Diff line number Diff 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 }
You can’t perform that action at this time.
0 commit comments