data-bgcolor="none" doesn't work on firefox

[peterjcaulfield]

Trying to create a knob with no background. I have an input with the data value:

data-bgcolor="none"

This works fine in chrome and safari but in firefox (version 25.0.1) I get a black circle instead.

Full code for the input is:

<input type="text" value="0" max="60" class="dial" data-displayInput=false data-readOnly=true data-thickness="0.2" data-width="144" data-height="144" data-bgcolor="none" data-fgcolor="#fff">

[peterjcaulfield]

I can confirm the same issue exists on native android browser too.

For those encountering same issue, if you are only using transparent background radials, you can just comment out the follow lines in the knob.js for a temporary workaround:

  c.beginPath();                                                                                                                                                
  c.strokeStyle = this.o.bgColor;
  c.arc(this.xy, this.xy, this.radius, this.endAngle - 0.00001, this.startAngle + 0.00001, true);
  c.stroke();

[mrkeyboard]

Doesn't seem to work with Chrome either. One sec

[mrkeyboard]

There you go. Go away bgcolor! We are in 2014 :-)