TSVB doesn't scroll correctly with color picker open

[timroes]

If you go to TSVB and create enough new series, so you hit the bottom of your screen and trying to open the color picker in the bottom most series (or any other way it will go outside the screen), you can actually not scroll the page further down to see all of the color picker and properly use it. If you're running on a system showing scrollbars in the browser, you'll also see that there seem to be two layers of scrolling, but the wrong layer will get the scroll:

Expected behavior: we should be able to scroll down to see all of the color picker to actually use it.

Blocking issue: elastic/eui#2629

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[cchaos]

EUI now has its own color picker and this implementation should just be swapped for that. https://elastic.github.io/eui/#/forms/color-selection

[mbondyra]

Hi @cchaos I've taken over this task but I cannot find the transparency setting in the new EUI color picker that would be equivalent of the one in the picture:

Are there plans to implement it in the future? Is the assumption to implement this setting outside of EUI?

[cchaos]

Ahh, yes, the EUI component does not yet have an opacity slider. Though it should be pretty easy to add and should be added on the EUI side. I'll create a ticket.

[thompsongl]

EuiColorPicker now supports opacity and will be available next time EUI is upgraded in Kibana.
EuiColorPicker and the current TSVB picker are not a 1:1 functionality match, but overall EUI's is a better option at this point.

[nickofthyme]

@thompsongl what functionality is missing from the existing color picker?