Only wrap URLBar on focus and hotkey to open recent requests

src-web/components/core/Dropdown.tsx

@@ -46,7 +46,7 @@ export interface DropdownProps {
 export interface DropdownRef {
   isOpen: boolean;
   open: (activeIndex?: number) => void;
-  toggle: () => void;
+  toggle: (activeIndex?: number) => void;
   close?: () => void;
   next?: () => void;
   prev?: () => void;
@@ -65,8 +65,11 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
   useImperativeHandle(ref, () => ({
     ...menuRef.current,
     isOpen: open,
-    toggle: () => setOpen(!open),
-    open: (activeIndex?: number) => {
+    toggle (activeIndex?: number) {
+      if (!open) this.open(activeIndex);
+      else setOpen(false);
+    },
+    open(activeIndex?: number) {
       if (activeIndex === undefined) {
         setDefaultSelectedIndex(undefined);
       } else {

src-web/components/core/Editor/Editor.tsx

@@ -259,10 +259,6 @@ function getExtensions({
     ...(singleLine
       ? [
           EditorView.domEventHandlers({
-            focus: (_, view) => {
-              // select all text on focus, like a regular input does
-              view.dispatch({ selection: { anchor: 0, head: view.state.doc.length } });
-            },
             keydown: (e) => {
               // Submit nearest form on enter if there is one
               if (onEnter != null && e.key === 'Enter') {

src-web/components/core/Input.tsx

@@ -124,7 +124,11 @@ export const Input = forwardRef<EditorView | undefined, InputProps>(function Inp
         {leftSlot}
         <HStack
           alignItems="center"
-          className={classNames('w-full', leftSlot && 'pl-0.5 -ml-2', rightSlot && 'pr-0.5 -mr-2')}
+          className={classNames(
+            'w-full min-w-0',
+            leftSlot && 'pl-0.5 -ml-2',
+            rightSlot && 'pr-0.5 -mr-2',
+          )}
         >
           <Editor
             ref={ref}