Improve Homepage Search: Automatically Hide Dropdown on Typing

[alisman]

Description:

In this update, I have addressed the first task of issue cBioPortal/cbioportal#10754, which required the removal of the dropdown box as soon as the user starts typing in the search box.

Changes Made:

1. Previous Behavior: The dropdown box would only disappear when the user pressed the Enter or Escape key.
2. New Behavior: The dropdown box now hides immediately when the user starts typing.

To achieve this, I removed the old code that only hid the dropdown on Enter or Escape key presses. I updated the event handler for the search box to hide the dropdown whenever a keyboard event is detected. This ensures a smoother and more intuitive user experience.

Here's the updated code snippet:

const onKeyDownSearchBox = useCallback(
    (e: React.KeyboardEvent<HTMLInputElement>) => {
        store.setMenuOpen(false); // Hide dropdown on any key press
    },
    []
);

[netlify]

✅ Deploy Preview for cbioportalfrontend ready!

Name	Link
🔨 Latest commit	3b6d3e7
🔍 Latest deploy log	https://app.netlify.com/sites/cbioportalfrontend/deploys/678198a61beb8a000803bcf5
😎 Deploy Preview	https://deploy-preview-5083.preview.cbioportal.org
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.