Hiding an element using jQuery does not respect :visible selector

[jamescookie]

I am trying to hide an element using jQuery, and then want to be able to check it is not visible using the ':visible' selector, but it does not see to work. Is this a bug?

Here is my test:

it('should hide elements', function() {
    document.body.innerHTML = '<div class="one"><div class="inner">hello</div></div>' +
                '<div class="two"><div class="inner">hello</div></div>';

    $('.one').hide();
    expect($('div.one').css('display')).to.equal('none');
    expect($('div.two').css('display')).to.equal('');
    expect($('div:visible').length).to.equal(2); // fails, reports 4
});

[domenic]

Hmm yeah, that would be a bug. I wonder how jQuery's non-standard :visible selector works and in what way we are failing to present as non-visible.

What version of jQuery are you using?

[jamescookie]

I'm using jQuery 2.1.1

[Joris-van-der-Wel]

jquery uses offsetWidth and offsetHeight for that. If both of those are 0, an element is :hidden and not :visible.

So #135 would have to be resolved

[domenic]

Rolling into #1048.