PLT-7313: Show help popover when search focused and empty. (#7134)

webapp/components/suggestion/suggestion_box.jsx

@@ -52,6 +52,11 @@ export default class SuggestionBox extends React.Component {
          */
         completeOnTab: PropTypes.bool,
 
+        /**
+         * Function called when input box gains focus
+         */
+        onFocus: PropTypes.func,
+
         /**
          * Function called when input box loses focus
          */
@@ -177,9 +182,7 @@ export default class SuggestionBox extends React.Component {
     }
 
     handleFocus() {
-        if (!this.props.openOnFocus) {
+        if (this.props.openOnFocus) {
-            return;
-        }
             setTimeout(() => {
                 const textbox = this.getTextbox();
                 if (textbox) {
@@ -191,6 +194,11 @@ export default class SuggestionBox extends React.Component {
             });
         }
 
+        if (this.props.onFocus) {
+            this.props.onFocus();
+        }
+    }
+
     handleChange(e) {
         const textbox = this.getTextbox();
         const pretext = textbox.value.substring(0, textbox.selectionEnd);