title: React widgets combobox; how to clear input or prevent selection
body: <p>I'm using the <a href="http://jquense.github.io/react-widgets/" rel="nofollow noreferrer">combobox from React Widgets</a> as a search UI component.</p>
  
  <p>I've put in a custom render item so that when you click a search result in the dropdown, you navigate to the relevant page.</p>
  
  <p>However when you select a result, the name of the selected item goes into the text input, which isn't what a user will expect when they select a search result. I think they'd expect the search term to remain, or perhaps the input to be cleared.</p>
  
  <p>I like the Combobox component and haven't found another UI widget that would do what I want, so I'd like to find a solution.</p>
  
  <p>Is there some way to override the selection behaviour so that clicking a list item doesn't select it? I've tried setting the 'onSelect' property but this doesn't suppress the default selection behaviour, it just adds extra functionality.</p>
  
  <p>Alternatively is there a way to manually set the selection to null? The docs don't seem to show anything. I tried getting the input node's value manually to '' with reactDOM, but the value didn't change. I would guess that the component controls it.</p>
  
  <p>I've wrapped the Combobox in a functional component:</p>
  
  <pre><code>function Search(props) {
  ...
  
  const onSelect = (value) =&gt; {
      const node = ReactDOM.findDOMNode(Search._combobox);
      const input = node.getElementsByTagName('input')[0];
      input.value = '';
  }
  
  return (
  &lt;Combobox
      ref={(c) =&gt; Search._combobox = c}
      onSelect={onSelect}
      textField="name"
      valueField="_id"
  /&gt;
  );
  }
  </code></pre>
  
  <p>If I set the value prop of the Combobox then it is impossible to type into it.</p>
  
  <p>Any suggestions? Thank you.</p>