drgullin / icheck

Highly customizable checkboxes and radio buttons (jQuery & Zepto)
http://fronteed.com/iCheck
7.38k stars 1.62k forks source link

Expected behaviour for focus state. #311

Open ClarusDignus opened 8 years ago

ClarusDignus commented 8 years ago

I understand that that iCheck adheres to native checkbox functionality when it comes to the focus and active states.

I additionally understand that many users are confusing the active and focus states.

Please allow me to show you what these users are expecting:

http://html5up.net/uploads/demos/spectral/elements.html (Scroll down to checkboxes).

Notice how the "focus" styling (the border) doesn't occur merely on tabbing into the checkbox. it occurs up until the point the checkbox is clicked/tabbed out of.

I.e. "Focus" styling for checkboxes is akin to text boxes.

Sure, this isn't how native checkboxes behave but technically, neither is use of the iCheck's spite-sheets.

Please provide the users what they want in the form of skin that behaves as I've outlined.

Right now, it's less cumbersome and time consuming for me to use pure CSS styling and a browser polyfill script than it is for me to reverse engineer iCheck

ClarusDignus commented 8 years ago

I'm currently researching methods for this on Stack Overflow:

http://stackoverflow.com/questions/34881637/on-click-add-class-until-checkbox-label-clicked-off