littlebearz / ie7-js

Automatically exported from code.google.com/p/ie7-js
0 stars 0 forks source link

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

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
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/

Original issue reported on code.google.com by dankij...@gmail.com on 25 Feb 2014 at 5:46