opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

CB-4618 removes red border after form submission

Browse Source
This commit is contained in:
sergeyteleshev
2024-08-01 16:25:04 +02:00
parent ab7e17900c
commit 703da4eea9
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/core-blocks/src/FormControls/Form.tsx
+4 -2
View File
@@ -5,7 +5,7 @@
* Licensed under the Apache License, Version 2.0.
* you may not use this file except in compliance with the License.
*/
import React, { forwardRef, useState } from 'react';
import React, { forwardRef, useRef, useState } from 'react';
import { s } from '../s';
import { useCombinedRef } from '../useCombinedRef';
@@ -32,6 +32,7 @@ export const Form = forwardRef<HTMLFormElement, FormDetailedProps>(function Form
const st = useS(styles);
const [focusedRef] = useFocus<HTMLFormElement>({ focusFirstChild });
const [disabledLocal, setDisabledLocal] = useState(false);
const formLocalRef = useRef<HTMLFormElement | null>(null);
const disabled = disabledLocal || disabledProp || false;
@@ -42,6 +43,7 @@ export const Form = forwardRef<HTMLFormElement, FormDetailedProps>(function Form
try {
setDisabledLocal(true);
await onSubmit?.(event);
formLocalRef.current?.reset();
} finally {
setDisabledLocal(false);
}
@@ -49,7 +51,7 @@ export const Form = forwardRef<HTMLFormElement, FormDetailedProps>(function Form
onChange,
});
const setFormRef = useCombinedRef<HTMLFormElement>(formContext.setRef, focusedRef, ref);
const setFormRef = useCombinedRef<HTMLFormElement>(formLocalRef, formContext.setRef, focusedRef, ref);
if (formContext.parent && formContext.parent !== context) {
return (