wrong $(window).height() in mobile safari (iphone)

[bv]

using $(window).height() in iphone's mobile safari gives wrong values

user agent:

"Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2_1 like Mac OS X; de-de) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5H11 Safari/525.20"

[bv]

my current workaround:

height = window.innerHeight ? window.innerHeight : $(window).height()

[msjol]

Same problem here, used the same workaround. Seems to be a problem on iPad as well.

[addyosmani]

This issue appears to be very similar to what is also being experienced in #6746 with individual elements.

Could you please provide a test case of what you're trying to do here so that we can more accurately evaluate your original ticket?

[addyosmani]

#6746 is a duplicate of this ticket.

[trac-o-bot]

Automatically closed due to 14 days of inactivity.

[anonymous]

I ran into the exact same problem, I had to explicitly use .innerHeight when iphone. Error did not happen in newest ipad, but happens on iphone still.

[anonymous]

Replying to anonymous:

I ran into the exact same problem, I had to explicitly use .innerHeight when iphone. Error did not happen in newest ipad, but happens on iphone still.

Same here, issue occurs on iPhone 4 - (FW 4.3.5)

but works fine on iPad 2 - (4.3 (8f191)

Can someone reopen the ticket please? I cannot change the status.

Regards

[anonymous]

Same here in ios 5

window.innerHeight is correct

[jay.blanchard@…]

I am finding the same issue, can the ticket be re-opened?

[anonymous]

Replying to jay.blanchard@…:

I am finding the same issue, can the ticket be re-opened?

Never mind, it is reporting correctly - I zigged before I zagged.

[Richard deCastongrene <richard@…>]

I was able to duplicate this by first scrolling up to hide the iphone address bar. After that

$(window).height() != window.innerHeight

[decastongrene]

This happens with jquery 1.7.1. Can it be reopened?

[anonymous]

This is still happening on the iPhone 4 with the latest version of JQM. The fix stated at the top works still.

[imanol@…]

Still happening on iPad and iPhone on IOS 5 with jQuery 1.7.1.

Use window.innerHeight and window.innerWidth instead.

[rvwoens@…]

$(window).height gives screensize on iOS, not innerHeight. tested JQ 1.7.1

use var winheight= window.innerHeight ? window.innerHeight:$(window).height();

as workaround

[anonymous]

Sounds like $(window).height(); returns screen's height minus address bar (minus Debug Console bar if activated).

[jzaefferer]

Is this addressed by #9434?

[dmethvin]

Doesn't look like it. The recommendation there was for $(window).innerHeight to return $(window).height(), which returns the wrong value according to this ticket.

I'll reopen this with the faith that someone will provide both a test case and a patch. I don't have an iPhone so I can't test it.

[atirip]

here's the test (this test cannot be presented in jsfiddle).

​http://bkp.ee/atirip/bugs/jh.html

[farmdawgnation]

Hm. Might be worth noting here that we have an active pull request for this.

​https://github.com/jquery/jquery/pull/764

[Matt Farmer]

Fix #6724, though the Mobile Safari wound remains. Closes gh-764.

Changeset: ca48d490407b198e022b0d0294a7493602155f74

[anonymous]

this is not fixed.

[david@…]

tested with jQuery 1.8b1 and 1.7.2 on iPhone/iOS 5.1

the issue is not fixed. jQuery is reporting the height minus the bar. when the document scrolls and the bar disappears, the height is not recalculated.

[dmethvin]

See the discussion here: ​https://github.com/jquery/jquery/pull/764

[anonymous]

The problem remains.

[dmethvin]

If the discussion in the pull request above wasn't clear enough, we are unable to fix the issue with Safari. I will re-close this as cantfix to make that clear. You should try to convince Apple that this is a problem.

[fpoli]

I think this is the solution for this bug.

​http://viralpatel.net/blogs/jquery-window-height-incorrect/