Fix add-cases comments error message is displaying after buttons (#106831)

This commit is contained in:
Pablo Machado 2021-07-28 15:50:20 +02:00 committed by GitHub
parent c68e0e8d11
commit 2351447ceb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -36,17 +36,17 @@ export const MarkdownEditorForm: React.FC<MarkdownEditorFormProps> = ({
const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
return (
<EuiFormRow
data-test-subj={dataTestSubj}
describedByIds={idAria ? [idAria] : undefined}
error={errorMessage}
fullWidth
helpText={field.helpText}
isInvalid={isInvalid}
label={field.label}
labelAppend={field.labelAppend}
>
<>
<>
<EuiFormRow
data-test-subj={dataTestSubj}
describedByIds={idAria ? [idAria] : undefined}
fullWidth
error={errorMessage}
helpText={field.helpText}
isInvalid={isInvalid}
label={field.label}
labelAppend={field.labelAppend}
>
<MarkdownEditor
ariaLabel={idAria}
editorId={id}
@ -54,12 +54,12 @@ export const MarkdownEditorForm: React.FC<MarkdownEditorFormProps> = ({
value={field.value as string}
data-test-subj={`${dataTestSubj}-markdown-editor`}
/>
{bottomRightContent && (
<BottomContentWrapper justifyContent={'flexEnd'}>
<EuiFlexItem grow={false}>{bottomRightContent}</EuiFlexItem>
</BottomContentWrapper>
)}
</>
</EuiFormRow>
</EuiFormRow>
{bottomRightContent && (
<BottomContentWrapper justifyContent={'flexEnd'}>
<EuiFlexItem grow={false}>{bottomRightContent}</EuiFlexItem>
</BottomContentWrapper>
)}
</>
);
};