Bring back genomic pages

Author: calvinlu3

src/main/webapp/app/pages/annotationPage/AnnotationBreadcrumbs.tsx

@@ -151,20 +151,27 @@ const DropdownBreadcrumb: React.FunctionComponent<IDropdownBreadcrumb> = props =
         <Then>
           <Select
             menuIsOpen
+            closeMenuOnBlur
             theme={theme => ({
               ...theme,
               colors: {
                 ...theme.colors,
                 primary: COLOR_BLUE,
               },
             })}
+            menuPortalTarget={document.body}
+            menuPosition="fixed"
             styles={{
               control: baseStyles => ({
                 ...baseStyles,
                 fontSize: 12,
                 width: 110,
                 minHeight: 10,
               }),
+              menuPortal: baseStyles => ({
+                ...baseStyles,
+                zIndex: 9999,
+              }),
               option: baseStyles => ({
                 ...baseStyles,
                 fontSize: 12,
@@ -195,6 +202,7 @@ const DropdownBreadcrumb: React.FunctionComponent<IDropdownBreadcrumb> = props =
               props.onChange(selectedOption);
               setEditing(false);
             }}
+            onBlur={() => setEditing(false)}
             defaultValue={{
               label: props.text,
               value: props.text,