Disable autocorrect suggestions in combobox (#1502)

Author: devongovett

packages/@react-aria/combobox/src/useComboBox.ts

@@ -289,7 +289,11 @@ export function useComboBox<T>(props: AriaComboBoxProps<T>, state: ComboBoxState
       // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
       'aria-autocomplete': 'list',
       'aria-activedescendant': focusedItem ? getItemId(state, focusedItem.key) : undefined,
-      onTouchEnd
+      onTouchEnd,
+      // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
+      autoCorrect: 'off',
+      // This disable's the macOS Safari spell check auto corrections.
+      spellCheck: 'false'
     }),
     listBoxProps: mergeProps(menuProps, listBoxProps)
   };

packages/@react-spectrum/combobox/test/ComboBox.test.js

@@ -144,6 +144,9 @@ describe('ComboBox', function () {
 
     let combobox = getByRole('combobox');
     expect(combobox).toHaveAttribute('placeholder', 'Select a topic...');
+    expect(combobox).toHaveAttribute('autoCorrect', 'off');
+    expect(combobox).toHaveAttribute('spellCheck', 'false');
+    expect(combobox).toHaveAttribute('autoComplete', 'off');
 
     let button = getByRole('button');
     expect(button).toHaveAttribute('aria-haspopup', 'listbox'); // i think we really want 'listbox'?