[ILM] Clicking on form element with flyout open does not always work

[alisonelizabeth]

Kibana version:
7.11

Describe the bug:
Clicking on a form element the first time when the JSON flyout is open does not work.

Steps to reproduce:

1. Go to ILM and create a new policy
2. Add a policy name
3. Open the "Advanced settings" accordion for the hot phase
4. Click on the "Show request" link at the bottom of the page.
5. Click on a form element with the flyout open (e.g., "Use recommended defaults" toggle). Note the page jumps and the toggle value does not change. Clicking it a second time works as expected.

Screenshots (if relevant):

[elasticmachine]

Pinging @elastic/es-ui (Team:Elasticsearch UI)

[yuliacech]

I believe this issue is coming from a EuiFlyout focus bug (elastic/eui#2224). When any element outside of the flyout is clicked, the focus returns back to the originating button, in this case 'Show/Hide request' button and the form is scrolled back down. I'm not sure we can fix this on our side though, wdyt @alisonelizabeth ?

[alisonelizabeth]

Good find! Yes, it does appear to be an EUI problem. I agree it should be fixed on the EUI side.

[yuliacech]

I'll keep an eye on the EUI issue and after it has been fixed there, I'll confirm if that also solves the bug in ILM.

[alisonelizabeth]

It looks like the corresponding EUI issue has since been resolved.