Jquery: Wrong outerHeight, outerWidth and position calculation for the `td` and `textarea` in IE

Created on 18 Apr 2018 · 9Comments · Source: jquery/jquery

The outerHeight, outerWidth and position methods return different values in IE11 and Chrome. See the values from my sample:
Chrome: $.outerHeight: 49 position.top: 48
IE: $.outerHeight: 48.5 position.top: 49

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
  $(function(){
    $('#output1').text($('td').first().outerHeight());
    $('#output2').text($('td').eq(1).position().top);
  });
</script>
</head>
<body>
  <table style="height: 99px; width: 99px; border: 1px solid black; box-sizing: border-box; border-collapse: collapse;">
    <tbody>
      <tr>
        <td style="background-color: yellow;"></td>
      </tr>
      <tr>
        <td></td>
      </tr>
    </tbody>
  </table>
  $.outerHeight: <span id="output1"></span>
  position.top: <span id="output2"></span>
</body>
</html>

I suppose this issue is related to https://github.com/jquery/jquery/issues/3698

Bug Dimensions Offset

Source

nightskylark

👍11

Most helpful comment

求你不要更新了，老子学不动了

eugeneblog on 14 Jun 2018

❤1 🎉1 😄1

All 9 comments

I think this issue is related to jQuery v3.3.0+... In this demo - https://jsfiddle.net/Mottie/ukmcdv2x/ - switching between jQuery v3.2.1 & jQuery v3.3.1 will show that the position calculation no longer includes the table position.

Mottie on 26 Apr 2018

Yes, It was about jQuery v3.3.0+.

nightskylark on 26 Apr 2018

Closing per feedback.

gibson042 on 7 May 2018

@gibson042 Can you please explain why the issue is closed?

nightskylark on 7 May 2018

Oops, misunderstanding on my part (I thought the comment implied that it was fixed in master, which I just confirmed to not be the case).

gibson042 on 7 May 2018

👍2

求你不要更新了，老子学不动了

eugeneblog on 14 Jun 2018

❤1 🎉1 😄1

Any news?

nightskylark on 18 Jun 2018

The plugin http://johnny.github.com/jquery-sortable/ works perfect with jQuery v3.2.0+.
But it doesn't work with jQuery v3.3.0+.
It seemd that .outerHeight() does not work properly in jQuery v3.3.0+. (at least for table rows) Thanks for fixing.