← All changes
|
js/components/ManageMenu/SnippetsTable/SnippetsTableSearch.tsx
+10
-4
3.10.0-beta.1
→
trunk
View file →
| @@ -6,10 +6,16 @@ | ||
| 6 | 6 | export const SearchArea = () => { |
| 7 | 7 | const { searchQuery, setSearchQuery } = useSnippetsFilters() |
| 8 | 8 | |
| 9 | 9 | return ( |
| 10 | - <div className="snippets-search-area"> | |
| 11 | - <search className="search-box" aria-label={__('Search Snippets', 'code-snippets')}> | |
| 10 | + <search className="snippets-search-area"> | |
| 11 | + <form | |
| 12 | + className="search-box" | |
| 13 | + aria-label={__('Search Snippets', 'code-snippets')} | |
| 14 | + onSubmit={event => { | |
| 15 | + event.preventDefault() | |
| 16 | + }} | |
| 17 | + > | |
| 12 | 18 | <input |
| 13 | 19 | type="search" |
| 14 | 20 | id="snippets_search" |
| 15 | 21 | name="s" |
| @@ -17,10 +23,10 @@ | ||
| 17 | 23 | aria-label={__('Search Snippets:', 'code-snippets')} |
| 18 | 24 | onChange={event => setSearchQuery(event.target.value)} |
| 19 | 25 | placeholder={__('Search snippets', 'code-snippets')} |
| 20 | 26 | /> |
| 21 | - </search> | |
| 22 | - </div> | |
| 27 | + </form> | |
| 28 | + </search> | |
| 23 | 29 | ) |
| 24 | 30 | } |
| 25 | 31 | |
| 26 | 32 | export const SearchResultsIndicator = () => { |