当屏幕更新时，div上的左边填充会神秘地消失

Question

我有一个简单的应用程序，顶部有几个搜索框，左边是结果列表，右边是详细信息显示。

结果列表通常有一个滚动条（位于右侧）。当我隐藏然后在结果列表中显示项目时，滚动条有时会​​与右侧的详细信息部分重叠。

我已部署了一份副本，因此您可以看到实际的应用：dotadb.cloudapp.net。

要重现此问题：

1. 转到该应用。请注意，“英雄选项”列表中的垂直滚动条与右侧的详细信息部分不重叠。
2. 在搜索框中输入没有匹配项的英雄姓名，例如“sifsjfhfd”。
3. 从搜索框中删除文字。请注意，下拉列表滚动条现在与详细信息部分重叠。

更奇怪的是，在搜索框中输入单个字母可以解决问题。根据我的理解，我的CSS或javascript都不应该导致它以不同的方式显示。

我唯一的线索就是：

当滚动条覆盖细节时，在Chrome开发工具中，我可以转到第1573行，即：

<td rowspan="2" style="padding-left: 8px" valign="top">

我将“padding-left”设置为0px（在检查器中），然后将其设置为8px。现在问题已解决（滚动条不再与细节部分重叠）。现在，也许 对我来说意味着什么，但它只是让人感到困惑。

帮助＆amp;洞察力将不胜感激。感谢。