“Something”打破了这个jqueryui对话框。它是什么？

Question

我不是故意模糊，但我不确定发生了什么。

此代码有效：

this.J.button_update.click(function () {
    self.J.dialog_hold.dialog({
        resizable: false,
        modal: true,
        width:  305,
        height: 360
    });
});

它产生：

正如您所看到的，右边界有足够的空间。您可能没有注意到的是，我的所有内容都以约5px为中心。为了解决这个问题，我想我只会将jquery对话框宽度减少5px：

        width:  300,  // decreased by 5

然而，出于某种原因，这打破了对话框。它产生了这个：

如何进一步排查？

下面提供了一个问题：

Answer 1

在firefox中进入开发人员模式并逐个检查元素的宽度和其他属性。它将帮助您找到问题..

Answer 2

事实证明，Firefox的浏览器元素检查器未检测到file_input元素。不知道为什么。因为不透明度设置为0，所以无法看到。复杂的因素是它无法检查。或者更确切地说，只有部分元素是可检测的。我通过删除元素找到了这个，直到对话框变为“unbroken”。然后我为这个元素调高了不透明度，看它是否打破了对话框。

如果DOM检查器检测到有问题的元素，可以缩短这个冗长的过程。

我要将此文件作为针对DOM检查器的错误提交，因为它只突出显示部分文件输入，即使它检测到其他部分。非常误导。