javascript - “某事”正在打破这个 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，所以无法看到。复杂的因素是它无法被检查。或者更准确地说，只有部分元素是可检查的。我通过删除元素找到了这一点，直到对话框变得“完整”。然后我把这个元素的不透明度调高，看看它打破了对话框。

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

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