Frontend: On the history page, scrolling with an apple trackpad causes the graph to zoom instead of scrolling the page

Created on 2 Mar 2018 · 5Comments · Source: home-assistant/frontend

@kylehendricks commented on Mar 2, 2018, 3:34 PM UTC:

Home Assistant release (hass --version):
0.64.2

Python release (python3 --version):
Docker

Component/platform:
history/frontend

Description of problem:
Scrolling with an apple trackpad over a graph on the history page causes the graphs to zoom in/out.

Expected:
Scrolling on the trackpad (dragging with two fingers) should scroll the page.

Additional info:
This makes it almost impossible to scroll to the bottom of the history page. Should see if there is a way to make it pinch-to-zoom or just put zoom controls overlaid on the graph.

This issue was moved by @MartinHjelmare from home-assistant/home-assistant/issues/12838.

chart

Source

move[bot]

Most helpful comment

Also on a phone this is applicable, which is quite annoying.

It would make more sense in my opinion to only enable zooming after clicking on a graph, or in combination with a hotkey, e.g. ctrl.

corneyl on 3 Mar 2018

👍2

All 5 comments

This is not only the case with an apple trackpad, but also with a normal mouse on windows. It's almost impossible to scroll to the bottom of the page, as soon as the mouse hovers the first graph, it starts zooming in that graph instead of scrolling the page.

corneyl on 2 Mar 2018

Also on a phone this is applicable, which is quite annoying.

It would make more sense in my opinion to only enable zooming after clicking on a graph, or in combination with a hotkey, e.g. ctrl.

corneyl on 3 Mar 2018

👍2

I'm guessing the reason this isn't high priority is because most people don't have enough things graphed for the history page to scroll? For me, the history page is very difficult to scroll once I scroll down to the graphs.

Is there a config on the new graphing library where we can just disable mouse wheel zooming and enable on-graph zoom buttons or a select-to-zoom?

kylehendricks on 17 Apr 2018

Unfortunately it's not a very easy fix. The zooming plugin used is very basic and does not have much options or a good API. It does not properly support disabling and enabling zooming on the fly (it does, but it still prevents scrolling...)
I tried to do this the simple way, but I'm afraid we need to write our own (or at least largely modify the existing) zooming plugin to get things to behave properly.