Chart element selection in IOS 6

2 posts, 0 answers
  1. Alex
    Alex avatar
    7 posts
    Member since:
    May 2012

    Posted 09 Oct 2012 Link to this post

    Hello,

    I'm having an issue with charts when running my app on any IOS 6 device. When a user performs a "taphold" action (touching the screen and keeping the finger pressed for longer than a second) over an element, the element is highlighted in blue. Additionally, this action brings up the "copy/select/select all" context menu. I have attached some screenshots to demonstrate the problem.

    This seems to occur for any type of element so it is not necessarily a dataviz issue, but in case anyone else has encountered this, I would like to know if it is possible to somehow disable this feature. My app has some functionality bound to the "taphold" jQuery mobile event when performed on a chart, and the selection of the chart or one of its elements, along with the context menu appearing, can be distracting and confusing for the user.

    Thank you,
    Alex
  2. Alex
    Alex avatar
    7 posts
    Member since:
    May 2012

    Posted 10 Oct 2012 Link to this post

    I found a solution for this: setting this css attribute to the chart's container effectively prevents any highlighting
    -webkit-user-select: none;

Back to Top