jQuery UI 1.11.0 Resizable Containment Bug

Width calculation is wrong when containment element is "position: relative" . I think that it is this change cause https://github.com/jquery/jquery-ui/commit/c03cb8079c6984fb9286a64d980d367d86b9cd8b . However, because I am not familiar with the Javascript, I want to help someone.

by TJ VanToll

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
    
<div id="parent">
    <div id="child"></div>
</div>

CSS

#parent {
    position: relative;
    width: 150px;
    height: 150px;
    background-color: blue;
}
#child {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: red;
}

JavaScript

$("#child").resizable({
    containment: "#parent"
});