Export to GitHub

ie7-js - issue #395

:checked with input which has {display: none;} doesnt work


Posted on Feb 25, 2014 by Helpful Cat

What steps will reproduce the problem? 1. I've used ie9.js for :checked functionality 2. I hide (display: none) default checkbox and replace it with pseudoelements 3. It didnt work on IE8

What is the expected output? What do you see instead? If i set in html 'checked="checked"' it after load JS change to "check style". But after clicking on it, it doesnt response. If i didnt set checked=checked, it doesnt response on clicking.

What version of the product are you using? On what operating system? Tested on WinXP and Win7 via Virtualbox.

Please provide any additional information below. I solved this problem by not hiding the input, but just fake hide (in my case opacity: 0, but it works also with visibility: hidden; and others). http://jsfiddle.net/dannytce/c5WSQ/

Status: New

Labels:
Type-Defect Priority-Medium