[Security Solution] Alert flyout page is flickering and highlighted fields hidden when click on hover more action of rule

[ghost]

Describe the bug Alert flyout page is flickering and highlighted fields hidden when click on hover more action of rule

Build info

Version: 8.3.0 BC1
Build: 53216
Commit: ad5323315a6d826fa469248b8055a8bdd1f3bb51

preconditions

1. Kibana should be up and running
2. Alerts should be trigger from long rule name

Steps to Reproduce

1. Navigate to Alerts page under security
2. Click on alerts details flyout
3. Hover on Rule card and click on more action
4. Then click on any other area under alert flyout
5. Observe that alert flyout page is flickering and highlighted fields hidden

Actual Result Alert flyout page is flickering and highlighted fields hidden when click on hover more action of rule

Expected Result Alert flyout page should not be flicker and highlighted fields should not be hidden when click on hover more action of rule

Screenshot

https://user-images.githubusercontent.com/61860752/171620218-a5e26b32-8b3b-44a7-ad50-6cc7aa4af818.mp4

[elasticmachine]

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

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[michaelolo24]

This should only require some minor CSS changes. We'll add it to our backlog

[janmonschke]

@karanbirsingh-qasource The issue doesn't seem to appear for me anymore in latest main. Could you re-check if the issue still appears for you on the latest build?

[cybersecdiva]

Tested in 8.10 BC7

Build Details:

VERSION: 8.10.0 BC7
BUILD: 66350
COMMIT: 824bcbfd9972c61e79ca9def6d43b550c5ff2999

@janmonschke I have tested this in the current build 8.10 BC7 and this issue is only partially fixed with the new UI update changes in 8.10 for the Alert Flyout.

Observations:

Fixed portion ✅ : Alert Flyout page is no longer flickering ✅ (see screen recording section of recording capture)

Unfixed portion🐛 : Highlighted fields are hidden when click on hover More Actions option of the rule

Screenshot of unfixed portion behavior:

Screen Recording:

https://github.com/elastic/kibana/assets/35679937/daacd262-6fc1-48c2-8efa-7b10edc90c13

@MadameSheema @michaelolo24 @janmonschke FYI Updated Observations

[janmonschke]

@cybersecdiva Just to confirm: The issue is that the hover actions are not showing for the fields in the highlighted fields table?

[cybersecdiva]

@janmonschke That's correct 🙂

[janmonschke]

@cybersecdiva Got it!

The hover actions are showing for the value fields in this case only. This is in line with the behaviour of the previous flyout:

Old	New