This is an automated email from the ASF dual-hosted git repository.
pierrejeambrun pushed a commit to branch v3-0-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-0-test by this push:
new cfa2ec75843 [v3-0-test] Error alert overflows out of the alert box
(#49880) (#49904)
cfa2ec75843 is described below
commit cfa2ec75843ed1781e2a18b7d0383694e8b53527
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Mon Apr 28 18:28:24 2025 +0200
[v3-0-test] Error alert overflows out of the alert box (#49880) (#49904)
* Error alert overflows out of the alert box
* added wordbreak
(cherry picked from commit 126d9c1ed9cfc85e76d84e7bf5bdea22605dcc97)
Co-authored-by: Aritra Basu <[email protected]>
---
airflow-core/src/airflow/ui/src/components/ErrorAlert.tsx | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/components/ErrorAlert.tsx
b/airflow-core/src/airflow/ui/src/components/ErrorAlert.tsx
index 06841c95453..200640a1252 100644
--- a/airflow-core/src/airflow/ui/src/components/ErrorAlert.tsx
+++ b/airflow-core/src/airflow/ui/src/components/ErrorAlert.tsx
@@ -16,7 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
-import { HStack } from "@chakra-ui/react";
+import { HStack, Text } from "@chakra-ui/react";
import type { ApiError } from "openapi-gen/requests/core/ApiError";
import type { HTTPExceptionResponse, HTTPValidationError } from
"openapi-gen/requests/types.gen";
@@ -57,7 +57,11 @@ export const ErrorAlert = ({ error: err }: Props) => {
<Alert status="error">
<HStack align="start" flexDirection="column" gap={2} mt={-1}>
{error.status} {error.message}
- {detailMessage === error.message ? undefined :
<span>{detailMessage}</span>}
+ {detailMessage === error.message ? undefined : (
+ <Text whiteSpace="preserve" wordBreak="break-all">
+ {detailMessage}
+ </Text>
+ )}
</HStack>
</Alert>
);
