$(window).resize() bug elements on Webkit

[david71rj]

HTML: <div id="main"></div>

CSS (I do with normal CSS): #main {

position: absolute; width: 760px; min-height: 540px;

}

JS: $(function(){ $(window).resize(function(){ console.log($("#main").width()); Bug: Will return $(window).width() instead!!! }); $(window).resize(); Here start the bug });

If you resize normally the page, this works fine, but automatically, don't.

Bye.

[david71rj]

HTML:

<div id="main"></div>

CSS (I do with normal CSS):

#main {
  position: absolute;
  width: 760px;
  min-height: 540px;
}

JS:

$(function(){
  $(window).resize(function(){
    console.log($("#main").width());
    // Bug: Will return $(window).width() instead!!!
  });
  $(window).resize(); // Here start the bug
});

If you resize normally the page, this works fine, but automatically, don't.

Bye.

[david71rj]

Sorry, this occur if you load CSS after JS. Then CSS style is applied after. The stranger is that I'm using $READY method, or be, all is ready to apply changes.

It's can be considered bug?

Bye.

[dmethvin]

Load the css before the js, that's important on webkit browsers.