fix: form not submitting on keyboard enter

This commit is contained in:
sreehari jayaraj
2023-08-13 00:54:22 +05:30
parent de7bd27b4b
commit f650cd3925
2 changed files with 4 additions and 0 deletions
@@ -127,6 +127,7 @@ export const PasswordStep = ({
</div> </div>
<div className='lg:w-1/6 w-1/4 w-full mx-auto flex items-center justify-center min-w-[22rem] text-center rounded-md mt-4'> <div className='lg:w-1/6 w-1/4 w-full mx-auto flex items-center justify-center min-w-[22rem] text-center rounded-md mt-4'>
<Button <Button
type="submit"
colorSchema="primary" colorSchema="primary"
variant="outline_bg" variant="outline_bg"
onClick={async () => handleLogin()} onClick={async () => handleLogin()}
@@ -20,6 +20,7 @@ export const SAMLSSOStep = ({
<p className="mx-auto mb-6 flex w-max justify-center text-xl font-medium text-transparent bg-clip-text bg-gradient-to-b from-white to-bunker-200 text-center mb-8"> <p className="mx-auto mb-6 flex w-max justify-center text-xl font-medium text-transparent bg-clip-text bg-gradient-to-b from-white to-bunker-200 text-center mb-8">
What&apos;s your SSO Identifier? What&apos;s your SSO Identifier?
</p> </p>
<form>
<div className="relative flex items-center justify-center lg:w-1/6 w-1/4 min-w-[20rem] md:min-w-[22rem] mx-auto w-full rounded-lg max-h-24 md:max-h-28"> <div className="relative flex items-center justify-center lg:w-1/6 w-1/4 min-w-[20rem] md:min-w-[22rem] mx-auto w-full rounded-lg max-h-24 md:max-h-28">
<div className="flex items-center justify-center w-full rounded-lg max-h-24 md:max-h-28"> <div className="flex items-center justify-center w-full rounded-lg max-h-24 md:max-h-28">
<Input <Input
@@ -36,6 +37,7 @@ export const SAMLSSOStep = ({
</div> </div>
<div className='lg:w-1/6 w-1/4 w-full mx-auto flex items-center justify-center min-w-[20rem] md:min-w-[22rem] text-center rounded-md mt-4'> <div className='lg:w-1/6 w-1/4 w-full mx-auto flex items-center justify-center min-w-[20rem] md:min-w-[22rem] text-center rounded-md mt-4'>
<Button <Button
type="submit"
colorSchema="primary" colorSchema="primary"
variant="outline_bg" variant="outline_bg"
onClick={() => { onClick={() => {
@@ -49,6 +51,7 @@ export const SAMLSSOStep = ({
{t("login.login")} {t("login.login")}
</Button> </Button>
</div> </div>
</form>
<div className="flex flex-row items-center justify-center mt-4"> <div className="flex flex-row items-center justify-center mt-4">
<button <button
onClick={() => { onClick={() => {