diff --git a/examples/geo/App.jsx b/examples/geo/App.jsx index b61a581..7f4bd86 100644 --- a/examples/geo/App.jsx +++ b/examples/geo/App.jsx @@ -83,6 +83,7 @@ const App = () => { placeholder={placeholder} plugins={[[recentSearchesPlugin, {ratio: 2, name: 'Recent'}]]} styles={autocompleteStyles} + typeahead={false} Cancel={CancelButton} Clear={ClearButton} GroupName={GroupName} diff --git a/src/lib/components/container.jsx b/src/lib/components/container.jsx index d47e81c..972fe00 100644 --- a/src/lib/components/container.jsx +++ b/src/lib/components/container.jsx @@ -51,6 +51,7 @@ export default function Container(props) { onTab, placeholder, tabIndex, + typeahead, Cancel, Clear } = props @@ -180,7 +181,7 @@ export default function Container(props) { // Immediately clearing both inputs prevents any slight // visual timing delays with async dispatch queryInput.current.value = '' - typeaheadInput.current.value = '' + if(typeahead) typeaheadInput.current.value = '' dispatch(clear()) queryInput.current.focus() } @@ -237,20 +238,22 @@ export default function Container(props) { aria-controls={listboxId} /> - + {typeahead && ( + + )} {hasClearButton && (