Slight dark/black overlay while touching a Chart.js doughnut chart data sections on iOS browsers.

Hello,
I’ve noticed that there a slight black overlay when touching a responsive doughnut chart data section on a iOS browser. I am currently testing on the latest versions of safari, chrome and firefox on iOS. Can this be avoided or is this a common html5 canvas issue on mobile browsers?

Author: Fantashit

1 thought on “Slight dark/black overlay while touching a Chart.js doughnut chart data sections on iOS browsers.

  1. @etimberg I tried that instead found the solution on Stack Overflow. You can fix this by adding this code:

     -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            outline: none;
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
        }   
    

Comments are closed.