From 1cd12fc7d3b47208544e4c59680bf293d0a6f6eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20=C5=A0korpil?= <stepan@skorpil.cz>
Date: Sat, 3 Dec 2022 17:46:19 +0100
Subject: [PATCH] Removed onBlur on search inputs to fix unwanted scrolling
 back to input

---
 application/src/pages/feeds.tsx | 6 ++----
 application/src/pages/nodes.tsx | 1 -
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/application/src/pages/feeds.tsx b/application/src/pages/feeds.tsx
index 6f7452e..50c1685 100644
--- a/application/src/pages/feeds.tsx
+++ b/application/src/pages/feeds.tsx
@@ -16,7 +16,7 @@ import getMatomo from '../lib/getMatomo'
 import { feedQueryInputSchema, FeedQueryInputType } from '../graphql/common/types/FeedQueryInput'
 import { ListFeedsVariables } from '../graphql/common/queries/listFeeds'
 
-const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> = ({ matomoConfig }): ReactElement => {
+export default function Feeds ({ matomoConfig }: InferGetServerSidePropsType<typeof getServerSideProps>): ReactElement {
   const router = useRouter()
   const routerQuery = feedQueryInputSchema.parse(router.query)
   const [page, setPage] = useState<number>(0)
@@ -59,6 +59,7 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
     newQuery[name] = value
     setQuery(newQuery)
     setPage(0)
+    event.preventDefault()
   }
 
   const handleSearchSubmit = async (event): Promise<void> => {
@@ -101,7 +102,6 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
                         id={'search'}
                         type={'search'}
                         onChange={handleQueryChange}
-                        onBlur={handleQueryChange}
                         value={query.search ?? ''}
                         placeholder={'Search people on Fediverse'}
                         className="form-control"
@@ -150,5 +150,3 @@ export const getServerSideProps: GetServerSideProps = async () => {
     }
   }
 }
-
-export default Feeds
diff --git a/application/src/pages/nodes.tsx b/application/src/pages/nodes.tsx
index 5b09c27..375d3ba 100644
--- a/application/src/pages/nodes.tsx
+++ b/application/src/pages/nodes.tsx
@@ -140,7 +140,6 @@ const Nodes: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
                         type={'search'}
                         className={'form-control'}
                         onChange={handleQueryChange}
-                        onBlur={handleQueryChange}
                         value={query.search}
                         placeholder={'Search servers on fediverse'}
                         autoFocus={true}