[Security Solution] Text is not wrapped in the grey box for events under the resolver.

[ghost]

Describe the bug
Text is not wrapped in the grey box for events under the resolver.

Build Details:
Versio : 7.10.1 BC2
Commit:608c5e5dd32659e8afadd520d0cdc58766ba505b
Build number : 36063
Artifact: https://staging.elastic.co/7.10.1-928e89a5/summary-7.10.1.html

Browser Details
All

Preconditions

1. Elastic Cloud 7.10.0 environment should be deployed
2. Auditbeat should be running.
3. Alert should be generated.

Steps to Reproduce

1. Navigate to Detections tab of Security.
2. Click on Analyze event icon
3. Click on Registry events.
4. Observe that text is not wrapped in the grey box

Impacted Test case(s)
N/A

Actual Result
Text is not wrapped in the grey box for events under the resolver.

Expected Result
Data should be wrapped in the grey box only. But it cross overs the grey box and expands.

What's Working
N/A

What's not Working
This issue is also occurring on full screen mode.

Screenshot
Full Screen:

Without Full screen

[ghost]

@manishgupta-qasource Please review

[manishgupta-qasource]

Reviewed & Assigned to @MadameSheema

[elasticmachine]

Pinging @elastic/endpoint-app-team (Feature:Resolver)

[ghost]

Hi @michaelolo24

We have validated this ticket on 7.11.0 BC3 and found that issue is Not Fixed . Long text is not wrapped in the grey box for events under the resolver

Build Details:

Version: 7.11.0 BC3
Build: 37694
Commit: b9c97fb364139c48ef619140534af4eea195a629

Artifacts: https://staging.elastic.co/7.11.0-e9e2951f/summary-7.11.0.html

Screenshot:

Hence, We are re-opening this ticket.

Thanks!!

[michaelolo24]

Hmm, I tested it with this text 🤔. I'll try it again, thanks for the notice!

[ghost]

Hi @michaelolo24

We have validated this ticket on 7.11.0 BC4 and found that issue is Not Fixed . Long text is not wrapped in the grey box for events under the resolver

Build Details:

Version: 7.11.0 BC4
Build: 37776
Commit: efd7b70e2803294a95395629dee55c89441d742a

Artifacts: https://staging.elastic.co/7.11.0-c9f0a1f5/summary-7.11.0.html

Screenshot:

Hence, We are re-opening this ticket.

Moreover, Please let us know if these merges will be available later to 7.11 BC4 build

Thanks!!

[ghost]

Hi @michaelolo24

We have validated this ticket on 7.11.0 BC5 and found that issue is Fixed . Long text is wrapped in the grey box for events under the resolver

Build Details:

Version: 7.11.0 BC5
Build: 37827
Commit: d801a7bb08e17368584d00fbd97a5d0006285b51

Artifacts: https://staging.elastic.co/7.11.0-903dc0b6/summary-7.11.0.html

Screenshot:

Hence, We are closing this ticket.

Thanks!!

[ghost]

Hi @michaelolo24 ,

We have observed that this issue is occurring on 8.5.0 SNAPSHOT. Text is not wrapped in the grey box for events under the resolver.

Please find the below details:

Build info

VERSION : 8.5.0 SNAPSHOT
BUILD: 55925
COMMIT: dc43193d73c5869335a239c7012528bb1fffd509

Screenshot

We are re-opening this issue

Thanks!!

[christineweng]

Very long string without spaces does not properly truncate despite truncate set to true

https://codesandbox.io/s/ecstatic-satoshi-s4vzqk?file=/demo.js

[cee-chen]

@christineweng Did you mean to open a new issue for this instead of transferring an existing one? The screenshot and component you have in your comment (EuiBreadcrumbs) is completely unrelated to the parent GitHub issue (EuiCodeBlock).

EDIT: oh, wait. That is an EuiBreadcrumb. Not going to lie, that's an odd / uncommon / not really intended use case of EuiBreadcrumbs, which is primarily meant for navigation. I'll take a look at the bug tomorrow, I can confirm it does exist