Merge pull request #143 from jkcs/main

feat: add autoFocus prop
praveenn77 · May 8, 2024 · 1afb5ab · 1afb5ab
2 parents d43506f + 26b093a
commit 1afb5ab
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/theme/SearchBar/index.jsx b/src/theme/SearchBar/index.jsx
@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useState } from "react";
+import React, { useRef, useCallback, useState, useEffect } from "react";
 import clsx from "clsx";
 import { useHistory } from "@docusaurus/router";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
@@ -104,6 +104,13 @@ const Search = props => {
       'Search ⌘+K' : 'Search Ctrl+K'
   }
 
+  // auto focus search bar on page load
+  useEffect(() => {
+    if (props.autoFocus && indexReady) {
+      searchBarRef.current.focus();
+    }
+  }, [indexReady]);
+
   return (
     <div className="navbar__search" key="search-box">
       <span