Gantt scrollbars render poorly on touch-enabled laptops

[BradG]

On touch-enabled Windows 10 laptops, the Gantt scrollbars render with a 4px border (stroke-width) when the scrollbar is narrow.  For example, if you go to http://jsfiddle.net/fusioncharts/2g6pffz5/ and remove the "theme" setting from the config, the vertical scrollbar shows the issue on such machines:

If you change the scrollHeight in the config to 11, the horizontal scrollbars will appear the same way.  The behavior occurs on both Chrome and FireFox.  In FireFox, if we apply the workaround mentioned in this topic: https://forum.fusioncharts.com/topic/19939-firefox-mousetouch-issues, the scrollbars render correctly (the same way they render on non-touch enabled machines).  Our preference would be to have the scrollbars render the same on both touch and non-touch machines.  However, if that is not possible, could you have the vertical scrollbar use the scrollHeight setting or provide something like a verticalScrollWidth setting that would render correctly using a value of 20 (for example)?

 

[Prerana]

Hello,

You can remove the verticle scrolling by using the attribute useVerticalScrolling as 0.

By default, it is set to 1.

Regards,

[BradG]

Thanks for the suggestion, but we need the default behavior, as described here: https://www.fusioncharts.com/dev/gauge-and-widgets-guide/gantt-chart/adding-scroll-to-chart.html

"Vertical scrolling is enabled by default depending on the height of the chart. If the number of processes fit within the height of the chart, vertical scrolling will not appear."

This rendering issue did not exist in 3.8.0.  It only appeared once we attempted to upgrade to 3.12.2.  Please provide a fix.

[Prerana]

Hello,

We are looking into this, will keep you updated.

Regards,

[Prerana]

Hello,

The issue has been logged internally, will keep you updated.

Regards,