[Maps] Tool tip with large field list exceeds browser screen and cannot be accessed or dismissed

[richcollier]

Kibana version:

8.3

Elasticsearch version:
8.3

Server OS version:
cloud
Browser version:
Chrome Version 103.0.5060.114 (Official Build) (arm64)
Browser OS version:
MacOS 12.4

Original install method (e.g. download page, yum, from source, etc.):
cloud
Describe the bug:
I have a customer who has documents with a very long list of items in a specific field. When they click on the shape on the map, the popup shows the big list (screenshot 1). But if the user's resolution is low or the browser size is small, the list is cutoff and cannot be fully seen (or the popup dismissed because the top of the popup, where the close X is cannot be accessed) - see screenshot 2.

Steps to reproduce:

1. Plot a document that has a very large field value
2. Make resolution small or browser size small
3. Configure tooltip to display that field
4. Click on point/shape to see popup
5. Cannot see popup or cannot dismiss (even with an ESC keypress)

Expected behavior:

1. Perhaps at least to be able to highlight the bottom of the list, drag up or something to be able to see the top?
2. Be able to dismiss the popup at least with an ESC keypress?

Screenshots (if relevant):

Errors in browser console (if relevant):

Provide logs and/or server output (if relevant):

Any additional context:

[elasticmachine]

Pinging @elastic/kibana-gis (Team:Geo)

[teresaalvarezsoler]

Related with this one? #87781

[teresaalvarezsoler]

Solution: add scroll after certain number of characters

[nreese]

regression caused by #75598.

Removing display: block breaks css fix added by #61564