From 7b32431e7d588d265f86ffe9736806f0c13e70fc Mon Sep 17 00:00:00 2001 From: Michael Olorunnisola Date: Mon, 4 Jan 2021 12:49:38 -0500 Subject: [PATCH] [Security Solution][Resolver] Fix text overflow in panel breadcrumb (#86905) Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> --- .../public/resolver/view/panels/breadcrumbs.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx b/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx index bcb750893eaa6..98c81f08b8154 100644 --- a/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx +++ b/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx @@ -11,6 +11,7 @@ import { EuiBreadcrumb, EuiBetaBadge } from '@elastic/eui'; import React, { memo, useMemo } from 'react'; import { BetaHeader, ThemedBreadcrumbs } from './styles'; import { useColors } from '../use_colors'; +import { GeneratedText } from '../generated_text'; /** * Breadcrumb menu @@ -20,6 +21,7 @@ export const Breadcrumbs = memo(function ({ breadcrumbs }: { breadcrumbs: EuiBre const crumbsWithLastSubject: EuiBreadcrumb[] = useMemo(() => { const lastcrumb = breadcrumbs.slice(-1).map((crumb) => { crumb['data-test-subj'] = 'resolver:breadcrumbs:last'; + crumb.text = {crumb.text}; return crumb; }); return [...breadcrumbs.slice(0, -1), ...lastcrumb];