:visible inconsistent across browsers for empty tags

[[email protected]…]

For an empty span tag (or one with a regular space in it), :visible returns true in Firefox and IE, false in Chrome. (See first jsfiddle)

The definition here, combined with the fact that the regular space begins returning true in Chrome when it's between other elements (and thus takes up space; see second jsfiddle), would lead me to believe that Chrome is behaving properly and Firefox/IE are wrong.

"Elements are considered visible if they consume space in the document. Visible elements have a width or height that is greater than zero." ​http://api.jquery.com/visible-selector/

​http://jsfiddle.net/tFuSL/ ​http://jsfiddle.net/jyCYF/

[dmethvin]

In IE and Firefox those empty spans are actually returning a height, even when they're contained in a div with no height.

​http://jsfiddle.net/dmethvin/tFuSL/4/

[Timmy Willison]

Treat elements as hidden when either offsetWidth OR offsetHeight is 0. Fixes #13132, #10406.

Changeset: 3015ee0b5a3cae399b53314bd9a859f61de3b94a

[Timmy Willison]

Treat an element as hidden if either offsetWidth or offsetHeight is 0. Fixes #13132, #10406.

Changeset: 372e04e78e81cc8eb868c5fc97f271a695569aa5

[xing_kenny]

I run 'first jsfiddle' in FF19 and chrome24. FF's result is TTT, chrome's result is FFT. But when I run codes local with src="​http://code.jquery.com/jquery-1.8.3.js", FF's result is FFT too! Is there anything wrong I make ?

[timmywil]

Reverted for now: ​https://github.com/jquery/jquery/commit/f3ce0e696d41130e27ad06ae33a63057a2cace28

[dmethvin]

#13453 is a duplicate of this ticket.

[dmethvin]

See also #10406 which is similar.

[Timmy Willison]

CSS: elements are hidden when either offsetWidth or offsetHeight is zero

• Note: this is a breaking change that has been delayed for several versions.

Fixes #10406 Fixes #13132

Changeset: 10399ddcf8a239acc27bdec9231b996b178224d3