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

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 #3698

Author: Fantashit

1 thought on “Wrong outerHeight, outerWidth and position calculation for the `td` and `textarea` in IE

  1. 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).

Comments are closed.