Javascript jQuery在使用css don'；定位的元素上调整大小；在chrome中无法正确调整大小

我一直在玩jQueryUIResizeable，主要是在chrome上测试。所以我有一个“主”窗口，它被设计成可以调整大小和拖动，但默认情况下位于屏幕的右下角

#main {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 300px;
   height: 200px;
}

然而，代码的大小调整部分一直给我带来麻烦，在玩了2天我的代码后，我的朋友加载了这个页面，并说它对他有用。我不相信他，自己也试过了，但没用。然后他告诉我他正在使用Firefox，所以我尝试了一下，代码执行得非常完美。我正在努力争取尽可能多的支持，并且真的希望它在chrome中也能完美工作。我使用的代码非常基本，我认为如何执行它没有问题

// $("#main").draggable({handle: "h1:first-of-type", containment: "parent"});
$("#main").resizable({
    handles: "n,s,e,w",
    maxWidth: 500,
    minWidth: 100,
    minHeight: 50, containment: "parent"
});

然而，我确实认为jQuery和chrome存在问题，因为如果您添加“可拖动”并首先拖动窗口，那么调整大小的效果会非常好。我假设拖动是设置一些resize不起作用的变量，但是在调试元素本身时，我无法区分它们之间的区别。我假设问题的出现是因为应用于“main”的“bottom”和“right”css属性

我认为jQuery在执行“可拖动”代码中的“调整大小”代码时无法进行某种计算。然而，我对他们的代码还不够熟悉，如果他们的代码中有问题的话，我甚至不知道有什么不同

我创建了一个jsfiddle来演示这个问题，为了简单起见，我从fiddle中注释掉了draggable组件（在特定情况下使用googlechrome）：

所以现在我问，你认为我的问题是我自己的代码、jQuery还是chrome？ 我能自己解决吗？我应该把这个问题交给jQuery自己解决吗？你们能找到解决办法吗

我会接受任何解释清楚的答案，只要它有意义。见鬼，我还是不确定我是否应该在这里问这个问题

谢谢

---

-Alan

好的，我发现这是jQuery的一个7年前的bug。我想我应该先看看那里

---

在我正在处理的项目中遇到完全相同的问题

在FireFox中一切正常，但当我在chrome中测试我的代码时，页面底部框的大小会改变

---

也许可以通过编程触发一个小的可拖动事件来消除bug？

我使用以下方法为jQuery 2.1.3手动修补了它：