diff --git a/packages/taler-merchant-webui/src/screens/ScheduleReportScreen.tsx b/packages/taler-merchant-webui/src/screens/ScheduleReportScreen.tsx index 14d32615f..892616635 100644 --- a/packages/taler-merchant-webui/src/screens/ScheduleReportScreen.tsx +++ b/packages/taler-merchant-webui/src/screens/ScheduleReportScreen.tsx @@ -24,7 +24,7 @@ */ import type { VNode } from "preact"; -import { useEffect, useMemo, useState } from "preact/hooks"; +import { useEffect, useMemo, useRef, useState } from "preact/hooks"; import { useLocation } from "wouter-preact"; import { Header } from "../ui/Header.js"; import { useTranslation } from "../context/translation.js"; @@ -91,6 +91,12 @@ export function ScheduleReportScreen({ } }, [reportSenderProgram, generatorEntries]); + // The description is the first thing this form asks for. + const descInput = useRef(null); + useEffect(() => { + descInput.current?.focus(); + }, []); + const done = () => setLocation("/reports/scheduled"); const handleSubmit = async (e: Event) => { @@ -173,6 +179,7 @@ export function ScheduleReportScreen({