copy to clipboard by checkbox not working

[webcane]

it's not working in google chrome v.53. Here is my example:

        <div ng-app="myApp" ng-controller="myController as c">
            <!-- Target/Trigger -->
            <input id="foo" type="checkbox"
                ngclipboard data-clipboard-target="#foo"
                ngclipboard-success="onSuccess(e);" value="Bike" /> I have a bike <br/>
        </div>

(function () {
  'use strict';

  angular.module('myApp', ['ngclipboard']);
  angular.module('myApp').controller('myController', function($scope){
    $scope.onSuccess = function(e){
      console.info('Action:', e.action);
      console.info('Text:', e.text);
      console.info('Trigger:', e.trigger);

      e.clearSelection();
    };
  });
})();

and issue
Uncaught InvalidStateError: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('checkbox') does not support selection.