implements focus behavior

packages/insomnia-app/app/ui/components/panes/request-pane.tsx

@@ -1,7 +1,8 @@
 import classnames from 'classnames';
 import { deconstructQueryStringToParams, extractQueryStringFromUrl } from 'insomnia-url';
-import React, { FC, useCallback } from 'react';
+import React, { FC, useCallback, useEffect, useRef } from 'react';
 import { Tab, TabList, TabPanel, Tabs } from 'react-tabs';
+import { useMount } from 'react-use';
 
 import { getAuthTypeName, getContentTypeName } from '../../../common/constants';
 import * as models from '../../../models';
@@ -136,6 +137,17 @@ export const RequestPane: FC<Props> = ({
     }
   }, [request, forceUpdateRequest]);
 
+  const requestUrlBarRef = useRef<RequestUrlBar | null>(null);
+  useMount(() => {
+    requestUrlBarRef.current?.focusInput();
+  });
+  useEffect(() => {
+    requestUrlBarRef.current?.focusInput();
+  }, [
+    request?._id, // happens when the user switches requests
+    settings.hasPromptedAnalytics, // happens when the user dismisses the analytics modal
+  ]);
+
   if (!request) {
     return (
       <PlaceholderRequestPane
@@ -161,6 +173,7 @@ export const RequestPane: FC<Props> = ({
       <PaneHeader>
         <ErrorBoundary errorClassName="font-error pad text-center">
           <RequestUrlBar
+            ref={requestUrlBarRef}
             uniquenessKey={uniqueKey}
             onMethodChange={updateRequestMethod}
             onUrlChange={updateRequestUrl}

packages/insomnia-app/app/ui/components/request-url-bar.tsx

@@ -345,13 +345,19 @@ export class RequestUrlBar extends PureComponent<Props, State> {
     return [cancelButton, sendButton];
   }
 
+  // note: not an unused function, used by parent, RequestPane
+  focusInput() {
+    this._input?.focus(true);
+  }
+
   render() {
     const {
       request,
       handleAutocompleteUrls,
       uniquenessKey,
     } = this.props;
     const { url, method } = request;
+
     return (
       <KeydownBinder onKeydown={this._handleKeyDown}>
         <div className="urlbar">