[Alerting] index threshold graph obscured by expression editor

[pmuellr]

In the image below, you can see that I've clicked on the "FOR THE LAST " expression editor bit, to change the integer value. Sadly, that particular editor - and the "IS ABOVE" one next to it, obscure the visualization graph. Ironically, this particular value - we call it the "timeWindow" of the alert, is the one that can change the alert values calculated fairly significantly, which shows in the graph, so you really want to see the graph as this value changes.

Side note that the graph height shrinks to 0 (or whatever) while the new data is being retrieved, which causes the bits normally hidden "below the fold" to pop up for a bit, before the graph is re-rendered. I guess we need to reserve that space while there isn't a graph being displayed (separate issue, I'd guess).

[elasticmachine]

Pinging @elastic/kibana-alerting-services (Team:Alerting Services)

[pmuellr]

cc: @andreadelrio @mdefazio

[elasticmachine]

Pinging @elastic/kibana-design (Team:Design)

[snide]

Suggestion on this one would be to use anchorPosition to point the popover for the lower row up and to the left. It won't fix every usage, but should fix the majority of them.

I'd also suggest setting a wrapping div with a height of the graph to exist around it. That way we won't get the pop-in rendering. Better yet, put an empty state in there for the chart.