Fix issue topcoder-platform#223

Author: elfman

src/shared/components/TopcoderHeader/index.jsx

@@ -319,7 +319,18 @@ export default class TopcoderHeader extends React.Component {
     }
 
     return (
-      <div styleName="header" ref={(div) => { this.headerRoot = div; }}>
+      <div
+        styleName="header"
+        ref={(div) => { this.headerRoot = div; }}
+        onMouseLeave={() => {
+          if (openedMenu) {
+            closeMenu();
+          }
+          if (searchOpened) {
+            closeSearch();
+          }
+        }}
+      >
         <div styleName="main-desktop-header">
           <a href={BASE_URL} styleName="logo">
             <LogoTopcoderWithName height={53} width={135} />

src/shared/components/TopcoderHeader/style.scss

@@ -106,6 +106,7 @@
   visibility: false;
   width: 100%;
   transition: all 0.25s ease-in-out;
+  z-index: 10;
 
   &:global.opened {
     height: 128px;