search

plotly / plotly.js

Open-source JavaScript charting library behind Plotly and Dash
https://plotly.com/javascript/
MIT License
16.73k stars 1.83k forks source link

Rangeslider not working in fullscreen #4259

Open alexmario74 opened 4 years ago

alexmario74 commented 4 years ago

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 commented 4 years ago

Thanks for reporting

etpinard commented 4 years ago

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

alexmario74 commented 4 years ago

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

FlorianMaak commented 4 years ago

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 commented 1 year ago

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.