Highcharts column chart on iPad not receiving click

[davidahopp]

Currently we are using Highcharts JS v2.3.5 (2012-12-19), on an iOS v6.1 device.

On the iPad, when using the column chart, the click event is not being properly triggered on the first click of the column. The first click triggers the mouseover, and a second click then triggers the click event.

I was able to reproduce this issue on the column demo page http://www.highcharts.com/demo/column-drilldown.

Thank you for looking into this,
David

[TorsteinHonsi]

Also reproducible with 3.0 Beta: http://jsfiddle.net/highcharts/xqtU2/1/show

[lyonfreitas]

any fix for this ?

[TorsteinHonsi]

Interestingly enough, this doesnt happen with the line-ajax demo. In that demo, the clicks are triggered on the first touch.

[davidahopp]

We had to develop a workaround to solve this issue, and I have recreated it here: https://gist.github.com/davidahopp/5417465

[lyonfreitas]

davidahopp, i tried this, but if i hold the finger just to see the tooltip, it triggers the click.

On android, i hold the finger to see tooltip, and click to select the point (i think this must be the right way).

I bought the licence yesterday, and hope it will be fixed soon.

Any other fix will be welcome, thanks guys.

[gstroup]

I'm seeing the same problem on a pie chart, on iPad. First touch on a pie slice does not trigger the 'click' event. Second click does. This issue can be reproduced easily on http://www.highcharts.com/demo/pie-basic

[benjaminbasa]

Hi,

I'm encountering the same problems with touch device (iPad). After updating my highcharts.src.js(minified it) it worked with just one touch. But The problem now is my barcharts (type: column) displays as waterfall.

See attached image.

My settings
chart: {
type: 'column'
}

Thanks

[jasdmystery]

Hi, the fix to handle the touch event causes a flicker every time on touch. This is seen on the iOS and Android platforms. Please help fix this.

Thanks.

[TorsteinHonsi]

I can't see any flickering on http://www.highcharts.com/demo/column-drilldown. Can we see it somewhere else?

[jasdmystery]

I was able to remove the flickering using the CSS -webkit-tap-highlight-color: transparent. But, I still have another issue, the click event does not get triggered at all. Any solution for that?

[TorsteinHonsi]

Are you sure you are running the latest version of Highcharts? On http://www.highcharts.com/demo/column-drilldown there is no flickering, and the click event is triggered correctly. The trick with -webkit-tap-highlight-color is already implemented in the core.

[dipapazacharias]

I am using latest version of highcharts (6.0.7) and taping on legend item on iPad safari does not trigger
plotOptions.series.events.legendItemClick properly (for example a series goes off and on immediately, instead of hiding, and vice versa). It works only on holding tap for a while, or with double tapping. Can you look into it, or is there a workaround?

[pawelfus]

Hi @dipapazacharias

Could you recreate issue in jsFiddle? We will take check this.

[abuzaforfagun]

@dipapazacharias I am getting same problem with highchart 6.1.0

[KacperMadej]

Hi @abuzaforfagun
Please recreate issue in jsFiddle, provide more info about the problem you have. This an old issue with a rather new comment (@dipapazacharias 's question) that seems to hit a dead end after Paweł's comment.