outerWidth(true) Causes Window location to jump to top of window in Chrome

[anonymous]

After upgrading to jQuery 1.5.2, calling $("#appWrap").outerWidth(true) causes the page location to jump to the top of the page. I'm unable to reproduce a broken down test case, but it only occurs on a specific wrapping div around the whole page.

Downgrading to jQuery 1.5.1 fixes the issue, as does downgrading to jQuery 1.4.4. I can also reproduce the issue when calling "$("#appWrap").outerWidth(true);" inside of the console and outside of my code.

This issue only happens in Chrome 10 that I've been able to reproduce.

[timmywil]

Thanks for taking the time to contribute to the jQuery project! I've created a test case based on your description and was unable to reproduce the issue experienced.

 http://jsfiddle.net/timmywil/PedcV/show/

Please provide a test case on  http://jsfiddle.net or update mine above. Additionally, test against the jQuery (edge) version to ensure the issue still exists.

[mike.hemesath@…]

I was able to reduce the problem down. It appears that having a form with a text/search input with the autofocus attribute as a child (or descendant?) of the container being evaluated with outerWidth(true) will trigger the jump.

The reduced test case is here:  http://jsfiddle.net/wGY6P/show/

[timmywil]

That actually makes sense. Focusing on the element brings it into view. This is default browser behavior.

[Mike Hemesath <mike.hemesath@…>]

I understand the purpose of the autofocus attribute.

What I dont' understand is why after the page loads and autofocus has been set and I've focused onto different inputs does focus get set AGAIN onto the input when calling $("#test").outerWidth(true).

To be sure this isn't autofocus, do the following:

#1 Let example execute:  http://jsfiddle.net/wGY6P/show/ #2 Scroll to bottom of example #3 Run $("#test").outerWidth(true)

• Also, not that $("#test").outerHeight(true) does NOT cause the page to jump.

[Mike Hemesath <mike.hemesath@…>]

Replying to timmywil:

That actually makes sense. Focusing on the element brings it into view. This is default browser behavior.

Here's an example of the bug on jQuery's own site.

1. Navigate to  http://api.jquery.com/
2. Open Console
3. Run $("#jq-primarySearch").attr("autofocus", true).parent().outerWidth(true);

[Mike Hemesath <mike.hemesath@…>]

Replying to Mike Hemesath <mike.hemesath@…>:

Replying to timmywil:

That actually makes sense. Focusing on the element brings it into view. This is default browser behavior.

Here's an example of the bug on jQuery's own site.

1. Navigate to  http://api.jquery.com/
2. Open Console
3. Run $("#jq-primarySearch").attr("autofocus", true).parent().outerWidth(true);

Be sure to scroll to the bottom of the page before running the test case on api.jquery.com

[timmywil]

Ah, you're right. I think this is related to #4872 then.

[Mike Hemesath <mike.hemesath@…>]

Replying to timmywil:

That bug was opened 22months ago? This issue can be resolved by downgrading jquery to 1.5.1 or 1.4.x. It appears it was broken in the last release.

[kylejginavan@…]

I am also having a similar issue with I upgrade to a version greater than 1.5.1. Are you sure #4872 is blocking this issue?

[timmywil]

This has to do with the marginRight hook.

[anonymous]

This doesn't seem to be broken anymore.

[rwaldron]

Cannot reproduce.