[Security Solution] Data sources, drop-down list drops out of the bottom of the overlay

[gavinwye]

Describe the bug: Data sources, the drop-down list drops out of the bottom of the overlay see the screenshot below

Kibana/Elasticsearch Stack version: v 7.16.1 (XDR from Eden)

Browser and Browser OS versions: Version 1.32.113 Chromium: 96.0.4664.45 (Official Build) (arm64)

Steps to reproduce:

1. open data sources on the 'Overview' page
2. activate the drop-down

Expected behavior:

The overlay should at a minimum expand. However, I think there are better ways to do this such as putting this element in an expanding panel at the top of the page.

Screenshots (if relevant):

[elasticmachine]

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

[stephmilovic]

Hey I'm not sure what version you had here @gavinwye, but the new sourcerer design was merged November 10th and is in 8.0: https://github.com/elastic/kibana/pull/117601

Can we close this issue?

[gavinwye]

Hey @stephmilovic I'm afraid we can't close the issue it seems to have got worse :( in v 8.0.0-SNAPSHOT

Here's a video of the 'Choose data view' drop-down floating up the page when you scroll. And the 'Index patterns' drop-down is still dropping out of the overlay you can see this in the video.

https://user-images.githubusercontent.com/868772/152786633-630174ec-4664-481f-bccb-9593a5347a45.MP4

[cybersecdiva]

Tested in current 8.7.0 deployment:

Preconditions:

• Kibana should be running
• Alerts generated

Steps to reproduce behavior:

1. Navigate to Security -> Dashboards -> Overview
2. Click on Data view located at the top right hand corner
3. Click on Advanced options drop down list 🔽 -> Click on drop-down list 🔽 under the Index patterns section

Results:

Drop down list 🔽 in the Index patterns section disappears in overlay

Expected results:

Drop down list 🔽 to remain in overlay

Screen video capture:

https://user-images.githubusercontent.com/35679937/234599621-52916ec9-78da-484f-9ca8-5cf13501bf67.mp4

Observations:

• Drop down 🔽 list drops out of the bottom of the overlay inData view selection under the Index patterns section

Screenshots:

Conclusion:

Design issue is still present in 8.7.0

cc: @MadameSheema @ARWNightingale Update FYI Observations

[cybersecdiva]

Tested in 8.9.0 deployment:

Build Details:
VERSION: 8.9.0 BC5
BUILD: 64715
COMMIT: beb56356c5c037441f89264361302513ff5bd9f8

Preconditions:

• Kibana should be running
• Alerts generated

Steps to reproduce behavior:

1. Navigate to Security -> Dashboards -> Overview
2. Click on Data view located at the top right hand corner
3. Click on Advanced options drop down list 🔽 -> Click on drop-down list 🔽 under the Index patterns section

Results:

Drop down list 🔽 in the Index patterns section disappears in overlay

Expected results:

Drop down list 🔽 to remain in overlay

Screen video capture:

https://github.com/elastic/kibana/assets/35679937/adfbc046-d5ba-4631-af95-210a966fb2f8

Observations:

• Drop down 🔽 list drops out of the bottom of the overlay inData view selection under the Index patterns section

Screenshots:

Conclusion:

Design issue is still present in 8.9.0

cc: @MadameSheema @ARWNightingale Updated FYI Observations