[Security Solution]: In stack by count and trend fields the cross icon (x) remains even after removing the fields under Alerts tab.

[ghost]

Describe the bug:
In stack by count and trend fields the cross icon (x) remains even after removing the fields under Alerts tab.

Build Details:
VERSION: 8.2.0-SNAPSHOT
COMMIT: e694507
BUILD: 50826
ARTIFACT LINK: https://snapshots.elastic.co/8.2.0-a12f7069/summary-8.2.0-SNAPSHOT.html

Preconditions:

1. Elastic 8.2.0-SNAPSHOT environment should be deployed.

Steps to Reproduce:

1. Navigate to the Alerts tab under Security app.
2. Now, under stack by click on cross icon (x) and remove the field.
3. Observe that in stack by count and Trend fields the cross icon (x) remains even after removing the fields under Alerts tab

Actual Result:
In stack by count and Trend fields the cross icon (x) remains even after removing the fields under Alerts tab.

Expected Result:
We can leave the fields for count and Trend empty on the Alerts tab and the cross icon should get remove if there is no fields.

Screen-Recording:

Home.-.Elastic.-.Google.Chrome.2022-03-10.18-06-43.mp4

[elasticmachine]

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

[ghost]

@manishgupta-qasource Please review.

[manishgupta-qasource]

Reviewed & assigned to @MadameSheema

[michaelolo24]

This may be an eui bug. Will look into it, thanks @samratbhadra-qasource !

[michaelolo24]

This should be fixed by #130054 . Please confirm in the next BC 😄

[ghost]

Hi @michaelolo24,
We have revalidated this issue on the latest 8.2.0-BC3 build and observed that the issue is fixed now. Please find below the testing details:

• The cross icon (x) is removed from the stack by count and trend fields under Alerts tab.

Screen-Recording:

Alerts.-.Kibana.-.Google.Chrome.2022-04-14.13-52-27.mp4

Build Details:
VERSION: 8.2.0-BC3
COMMIT: 2ea6dc8
BUILD: 51885
ARTIFACT LINK: https://staging.elastic.co/8.2.0-0295c2db/summary-8.2.0.html

Hence, closing this issue and marking it as QA Validated!

cc: @MadameSheema
Thanks!