fix graphql-editor#222

wilmerxu · Oct 26, 2020 · e0be1ba · e0be1ba
1 parent 69e762d
commit e0be1ba
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graphql-editor",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "private": false,
   "license": "MIT",
   "description": "Visual node editor for GraphQL",

diff --git a/src/Graf/Node/RootExtendNode/index.tsx b/src/Graf/Node/RootExtendNode/index.tsx
@@ -78,6 +78,7 @@ export const RootExtendNode: React.FC<RootExtendNodeProps> = ({ node, libraryNod
       <div className={`${NodeCaption}`}>
         <span className={CaptionTitle}>extend</span>
         <MenuSearch
+          autoFocus={false}
           onClear={() => {
             setFilterNodes('');
           }}

diff --git a/src/Graf/Node/RootNode/index.tsx b/src/Graf/Node/RootNode/index.tsx
@@ -52,6 +52,7 @@ export const RootNode: React.FC<RootNodeProps> = ({ node, libraryNode }) => {
       <div className={`${NodeCaption} CaptionType-${node.name}`}>
         <span className={CaptionTitle}>{node.name}</span>
         <MenuSearch
+          autoFocus={false}
           onClear={() => {
             setFilterNodes('');
           }}

diff --git a/src/Graf/Node/components/Menu/MenuSearch.tsx b/src/Graf/Node/components/Menu/MenuSearch.tsx
@@ -7,6 +7,7 @@ interface MenuSearchProps {
   value: string;
   onChange: (v: string) => void;
   onClear: () => void;
+  autoFocus?: boolean;
 }
 
 const Main = style({
@@ -54,7 +55,7 @@ const Wrapper = style({
   padding: 12,
 });
 
-export const MenuSearch: React.FC<MenuSearchProps> = ({ value, onChange, onClear }) => {
+export const MenuSearch: React.FC<MenuSearchProps> = ({ value, onChange, onClear, autoFocus = true }) => {
   const ref = useRef<HTMLInputElement>(null);
   return (
     <div className={Wrapper}>
@@ -68,7 +69,7 @@ export const MenuSearch: React.FC<MenuSearchProps> = ({ value, onChange, onClear
       )}
       <input
         ref={ref}
-        autoFocus
+        autoFocus={autoFocus}
         className={Main}
         placeholder="Search..."
         type="text"