More robust checking for typeahead presence

This commit is contained in:
Tom Southall
2022-03-11 22:01:45 +00:00
parent 0f79dad028
commit 2dcdfb5887

View File

@@ -78,7 +78,6 @@ export default function Container(props) {
const typeaheadInput = useRef(null)
// Calculated states
console.log('hasTypeahead', typeahead, state.items.length > 1)
const hasTypeahead = typeahead && state.items.length > 1
const hasClearButton = clearButton && !!state.query
const hasCancelButton = cancelButton && hasFocus
@@ -186,7 +185,8 @@ export default function Container(props) {
// Immediately clearing both inputs prevents any slight
// visual timing delays with async dispatch
queryInput.current.value = ''
if(typeahead) typeaheadInput.current.value = ''
if(typeahead && typeaheadInput.current)
typeaheadInput.current.value = ''
dispatch(clear())
queryInput.current.focus()
}