diff --git a/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx b/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx index 49c7deea2..674cf0b7e 100644 --- a/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx +++ b/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx @@ -15,7 +15,7 @@ */ import { i18n } from "@gnu-taler/taler-util"; import { h, VNode } from "preact"; -import { useState } from "preact/hooks"; +import { useLayoutEffect, useRef, useState } from "preact/hooks"; import { useAnastasisContext } from "../../context/anastasis.js"; import { authMethods, KnownAuthMethods } from "./authMethod/index.js"; import { AnastasisClientFrame } from "./index.js"; @@ -47,6 +47,10 @@ export function EditPoliciesScreen({ confirm, }: Props): VNode { const [changedProvider, setChangedProvider] = useState>([]); + const firstSelectRef = useRef(null); + useLayoutEffect(() => { + firstSelectRef.current?.focus(); + }, []); const reducer = useAnastasisContext(); if (!reducer) { @@ -154,6 +158,7 @@ export function EditPoliciesScreen({