:visible,:hidden doesn't take visibility into account

:visible and :hidden selectors doesn't take CSS visibility attribute into account.

Reported by habr-user Octane.

Sample code:

<html>

<head>

$(function() {

$('#test').css('visibility', 'hidden');

var visible = $('#test').is(':visible'); → true

var hidden = $('#test').is(':hidden'); → false

alert([visible, hidden]);

});

</script>

</head>

<body>

</body>

</html>

Attachments (0)

Change History (4)

Additional remark:

visibility CSS style attribute doesn't affect offsetWidth/offsetHeight properties.

It's mostly about what makes sense and how it's documented.

opacity:0

has the same net effect as

visibility:hidden

, should that return false as well? What about an element positioned

left: -1000px, top:-1000px

which is out of the view port and thus "invisible"?

Ok, bug can be in wontfix state.

I'll update jQuery wiki.

resolution:	→ wontfix
status:	new → closed

Side navigation