title: Color picker is not working in safari browser
body: <p>I am using fabric js library for custom text. Color picker is working fine in all browser but it is not working in safari.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var canvas = new fabric.Canvas('canvas');
  
  $('#fill').change(function(){
    var obj = canvas.getActiveObject();
    if(obj){
      obj.setFill($(this).val());
    }
    canvas.renderAll();
  });
  
  $('#font').change(function(){
    var obj = canvas.getActiveObject();
    if(obj){
      obj.setFontFamily($(this).val());
    }
    canvas.renderAll();
  });
  
  function addText() {
    var oText = new fabric.IText('Tap and Type', { 
      left: 100, 
      top: 100 ,
    });
  
    canvas.add(oText);
    canvas.setActiveObject(oText);
    $('#fill, #font').trigger('change');
    oText.bringToFront();
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.min.js"&gt;&lt;/script&gt;
  
  &lt;input type="color" value="blue" id="fill" /&gt;
  &lt;select id="font"&gt;
    &lt;option&gt;arial&lt;/option&gt;
    &lt;option&gt;tahoma&lt;/option&gt;
    &lt;option&gt;times new roman&lt;/option&gt;
  &lt;/select&gt;
  &lt;button onclick="addText()"&gt;Add Custom Text&lt;/button&gt;
  &lt;br /&gt;
  &lt;canvas id="canvas" width="750" height="550" style="border:1px solid #444"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But this color picker is not working in mac (Safari browser). I don't know what is issue. I want to implement color picker to safari broswer.</p>