Removed onBlur on search inputs to fix unwanted scrolling back to input

main
Štěpán Škorpil 2022-12-03 17:46:19 +01:00
rodzic c5498c1e2a
commit 1cd12fc7d3
2 zmienionych plików z 2 dodań i 5 usunięć

Wyświetl plik

@ -16,7 +16,7 @@ import getMatomo from '../lib/getMatomo'
import { feedQueryInputSchema, FeedQueryInputType } from '../graphql/common/types/FeedQueryInput' import { feedQueryInputSchema, FeedQueryInputType } from '../graphql/common/types/FeedQueryInput'
import { ListFeedsVariables } from '../graphql/common/queries/listFeeds' 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 router = useRouter()
const routerQuery = feedQueryInputSchema.parse(router.query) const routerQuery = feedQueryInputSchema.parse(router.query)
const [page, setPage] = useState<number>(0) const [page, setPage] = useState<number>(0)
@ -59,6 +59,7 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
newQuery[name] = value newQuery[name] = value
setQuery(newQuery) setQuery(newQuery)
setPage(0) setPage(0)
event.preventDefault()
} }
const handleSearchSubmit = async (event): Promise<void> => { const handleSearchSubmit = async (event): Promise<void> => {
@ -101,7 +102,6 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
id={'search'} id={'search'}
type={'search'} type={'search'}
onChange={handleQueryChange} onChange={handleQueryChange}
onBlur={handleQueryChange}
value={query.search ?? ''} value={query.search ?? ''}
placeholder={'Search people on Fediverse'} placeholder={'Search people on Fediverse'}
className="form-control" className="form-control"
@ -150,5 +150,3 @@ export const getServerSideProps: GetServerSideProps = async () => {
} }
} }
} }
export default Feeds

Wyświetl plik

@ -140,7 +140,6 @@ const Nodes: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
type={'search'} type={'search'}
className={'form-control'} className={'form-control'}
onChange={handleQueryChange} onChange={handleQueryChange}
onBlur={handleQueryChange}
value={query.search} value={query.search}
placeholder={'Search servers on fediverse'} placeholder={'Search servers on fediverse'}
autoFocus={true} autoFocus={true}