309 have comment relation picker show up above the relation field (#332)

* Added a floating ui manual offset to have the dropdown on top of the relation box

* Autofocus on dropdown search

front/src/modules/comments/components/CommentThreadRelationPicker.tsx

@@ -168,7 +168,13 @@ export function CommentThreadRelationPicker({ commentThread }: OwnProps) {
 
   const { refs, floatingStyles } = useFloating({
     strategy: 'absolute',
-    middleware: [offset(), flip(), size()],
+    middleware: [
+      offset(({ rects }) => {
+        return -rects.reference.height;
+      }),
+      flip(),
+      size(),
+    ],
     whileElementsMounted: autoUpdate,
     open: isMenuOpen,
     placement: 'bottom-start',

front/src/modules/comments/components/MultipleEntitySelect.tsx

@@ -55,7 +55,11 @@ export function MultipleEntitySelect({
 
   return (
     <DropdownMenu>
-      <DropdownMenuSearch value={searchFilter} onChange={handleFilterChange} />
+      <DropdownMenuSearch
+        value={searchFilter}
+        onChange={handleFilterChange}
+        autoFocus
+      />
       <DropdownMenuSeparator />
       <DropdownMenuItemContainer>
         {entitiesInDropdown?.map((entity) => (