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 && (