[Security Solution] Event Filter Name does not truncate on the UI

[muskangulati-qasource]

Describe the feature
Event Filter Name does not truncate on the UI

Build Details:

VERSION: 7.14.0-SNAPSHOT
BUILD: 41434
COMMIT: 88615e49f65668b3f8ea707c0bb580580189c297
ARTIFACT: https://artifacts-api.elastic.co/v1/search/7.14.0-SNAPSHOT

Preconditions

1. Elastic 7.14.0 environment should be deployed.

Steps to Reproduce

1. Navigate to Administration Tab under the Security
2. Go to the Event Filter Tab
3. Add a new filter Event entry by adding a long name without any space & save the value
4. Observe that the name is not truncated

Test data
N/A

Impacted Test case(s)
N/A

Actual Result
Event Filter Name does not truncate on the UI

Expected Result
Event Filter Name should be truncated and wrapped on the UI

What's Working
N/A

What's Not Working
N/A

Screenshot

Logs:
N/A

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[elasticmachine]

Pinging @elastic/security-onboarding-and-lifecycle-mgt (Team:Onboarding and Lifecycle Mgt)

[muskangulati-qasource]

@manishgupta-qasource please review!!

[manishgupta-qasource]

Reviewed & Assigned to @kevinlog

[dasansol92]

Split text in different lines is enough or do we need to cut the text at some point? The name field has a max-length on the form. Attaching image with a max length name with a lines split:

cc: @kevinlog @bfishel @caitlinbetz

[kevinlog]

@dasansol92 splitting the text as you have above looks good to me. As long as it doesn't overflow that we're OK. In addition, I think long names will be rare - as long as we're handling it in some way, then we're OK.

@bfishel @caitlinbetz let me know if you think differently

[dasansol92]

PR: #101481

[muskangulati-qasource]

Hi @kevinlog,

We tested this ticket on the latest 7.14.0-SNAPSHOT build and the issue is now fixed.
However, we have 1 query, please look into the same and confirm if it is expected:

Query
The Name on Trusted Apps is truncated and a tooltip shows up for the same when we hover on it. However, for the Filter Event Filter Tab, the name is extended and divided. Is it expected? Since both the tabs have inconsistent behaviour

Build Details:

VERSION: 7.14.0-SNAPSHOT
BUILD: 41559
COMMIT: 9838db392e7fcfc12f004b68fb1b09739f131148
ARTIFACT: https://artifacts-api.elastic.co/v1/search/7.14.0-SNAPSHOT

Screenshot:
Trusted App Tab:

Event Filter Tab:

cc: @dasansol92

Thanks!!

[dasansol92]

@muskangulati-qasource @kevinlog This is because the card component used in trusted apps is different than the ones used in event filters. We could unify those cards to be displayed in the same way but would need a coordination with the detections team as the event filters card is used for other exceptions

[kevinlog]

Thanks for the insight @dasansol92

@muskangulati-qasource I think we can close this one as is and open an enhancement to unify the cards. @bfishel wanted to redesign them at some point in any case.

[muskangulati-qasource]

Hi @kevinlog,

Thank you for the update. We have created a new Enhancement ticket to track here: #102188

Hence, closing this ticket & marking it as "Validated".

Thanks!

[muskangulati-qasource]

Bug Conversion

• Test-Cases updated:
  • https://elastic.testrail.io/index.php?/cases/view/147435

Thanks!