fix(js): provide titles to submit and clear button

Closes algolia/algoliasearch-netlify#203
algolia · Feb 22, 2021 · 45944e4 · 45944e4
1 parent 434c565
commit 45944e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/autocomplete-js/src/__tests__/autocomplete.test.ts b/packages/autocomplete-js/src/__tests__/autocomplete.test.ts
@@ -54,6 +54,7 @@ describe('autocomplete-js', () => {
               >
                 <button
                   class="aa-SubmitButton"
+                  title="Submit"
                   type="submit"
                 >
                   <svg
@@ -128,6 +129,7 @@ describe('autocomplete-js', () => {
               <button
                 class="aa-ClearButton"
                 hidden=""
+                title="Clear"
                 type="reset"
               >
                 <svg

diff --git a/packages/autocomplete-js/src/createAutocompleteDom.ts b/packages/autocomplete-js/src/createAutocompleteDom.ts
@@ -76,6 +76,7 @@ export function createAutocompleteDom<TItem extends BaseItem>({
   const submitButton = createDomElement('button', {
     class: classNames.submitButton,
     type: 'submit',
+    title: 'Submit',
     children: [SearchIcon({})],
   });
   const label = createDomElement('label', {
@@ -86,6 +87,7 @@ export function createAutocompleteDom<TItem extends BaseItem>({
   const clearButton = createDomElement('button', {
     class: classNames.clearButton,
     type: 'reset',
+    title: 'Clear',
     children: [ClearIcon({})],
   });
   const loadingIndicator = createDomElement('div', {