Tooltip generates error in IE 11

[marius-dr]

Kibana version: 6.40/6.4.1, master

Browser version: IE 11

Describe the bug: Mousing over the tooltip icons in IE 11 will generate the following Kibana error:

Steps to reproduce:

1. Create a visualization in IE 11.
2. Open the advanced pane in the buckets panel.
3. Mouse over the ? next to JSON input.

Note: this also happens when tabbing over to the tool-tip.

Screenshots (if relevant):
Broken on IE:

It looks OK on Edge.

Also, it's all good on the 6.3 branch.

Error message:

 Fatal Error 
 Object doesn't support property or method 'contains' (https://42e3cedfd7c943a3882c78920957f713.europe-west1.gcp.cloud.es.io/bundles/vendors.bundle.js:79) 

Version: 6.4.0
Build: 17929

[LeeDr]

@marius-dr is it just that one tooltip or any tooltip?

[marius-dr]

All tooltips with the question mark symbol. I think they only show up in the Visualization pages

[markov00]

@marius-dr @LeeDr the problem is introduced by the following line added in EUI:
https://github.com/elastic/eui/pull/1119/files#diff-61d26088e8d1389a54bfe2d8e0181ec8R59
document.contains is not available in IE11 thus the thrown error.
It's better to have the @elastic/kibana-design team to fix this and update the EUI accordingly. I'm not sure this can be a fast fix, becase eui changed to 4.0 and maybe we need to backport the fix to a previous version. Or it's we can polyfill this in some way. @chandlerprall what do you think?

Here there is an example of polyfill for document.contains https://github.com/Financial-Times/polyfill-service/pull/183/files

[snide]

We're doing some testing. 3.0.5 works in EUI docs on IE. Guessing that there's a polyfil missing on Kibana's side. We might have a quick fix we can add though.

[markov00]

@snide I was able to reproduce this directly using 3.0.5 from the EUI docs

[snide]

We have a fix over at elastic/eui#1190

Will backport and make an EUI 3.0.6

I'll handle it.

[rashmivkulkarni]

cc @gchaps - added the RN label.

[marius-dr]

Can confirm as fixed by: #23006