message: fix(search): search remains open on blur; fixes
diff: @@ -141,17 +141,6 @@ const MastheadSearch = ({ placeHolderText, renderValue, searchOpenOnload }) => {
  dispatch({ type: 'setVal', payload: { val: newValue } });
  }
  - /**
  - * Close search and suggestions only when search container blurs
  - *
  - * @param {event} event The callback event
  - */
  - function onBlur(event) {
  - if (!event.currentTarget.contains(event.relatedTarget)) {
  - dispatch({ type: 'setSearchClosed' });
  - }
  - }
  -
  /**
  * Autosuggest will pass through all these props to the input.
  *
  @@ -165,7 +154,9 @@ const MastheadSearch = ({ placeHolderText, renderValue, searchOpenOnload }) => {
  onKeyDown: event => {
  switch (event.key) {
  case 'Escape':
  + if (!state.suggestionContainerVisible)
  return dispatch({ type: 'setSearchClosed' });
  + break;
  default:
  break;
  }
  @@ -261,6 +252,8 @@ const MastheadSearch = ({ placeHolderText, renderValue, searchOpenOnload }) => {
  dispatch({ type: 'setSuggestionsToPrevious' });
  dispatch({ type: 'showSuggestionsContainer' });
  }
  + } else if (request.reason === 'escape-pressed') {
  + onSuggestionsClearedRequested();
  } else {
  dispatch({ type: 'setSuggestionsToPrevious' });
  dispatch({ type: 'showSuggestionsContainer' });
  @@ -299,8 +292,7 @@ const MastheadSearch = ({ placeHolderText, renderValue, searchOpenOnload }) => {
  return (
  <div
  data-autoid={`${stablePrefix}--masthead__search`}
  - className={className}
  - onBlur={onBlur}>
  + className={className}>
  <form action={_redirectUrl} method="get">
  <input type="hidden" name="lang" value={state.lc} />
  <input type="hidden" name="cc" value={state.cc} />
  