Rangeslider not working in fullscreen

[alexmario74]

I have a graph with multiple traces, that uses rangeslider and rangeselector to navigate.

The rangeslider works fine on normal window size, even when it is resized, but when it goes in fullscreen mode it stop working.

Looks like there is some issue with the mouse events.

When I exit the fullscreen mode it works again, just looks in some cases bound to the mouse move, but one or 2 clicks and it start working again perfectly.

In fullscreen the graph zoom works, and the range selector works too.

Here there is an example of the issue:

https://codepen.io/alexmario74/pen/yLLyGgB?editors=0010

[etpinard]

Thanks for reporting

[etpinard]

@alexmario74 have you noticed any other plotly.js features that aren't working in fullscreen mode?

[alexmario74]

For the time being just the rangeslider, the graph looks working as usual.

[FlorianMaak]

This issue occurs, because dragcover gets appended to body element (https://github.com/plotly/plotly.js/blob/master/src/components/dragelement/index.js#L278), which is outside of your fullscreen scope.

There SHOULD be issues with other components using dragElement as well.

[forrest482]

I really need range slider in fullscreen that works properly, but unfortunately it doesn't work in fullscreen. I cannot use pan or zoom in range slider in fullscreen mode.