【发布时间】：2019-04-19 02:16:16
【问题描述】：
我正在尝试让 Filepond 正常工作，但我的 CSS 中的这一行似乎破坏了它 - ul 选择器中的 overflow: hidden;。
我尝试对页面的整个部分进行 nuking，直到 Filepond 工作，将 css 归零，最后是 ul {} 中的上述行。我可以清除其他所有内容，只留下那条线，而 Filepond 仍然坏掉，所以我确定这是问题所在，但我不知道如何解决。
我尝试使用 Chrome 的 Inspector 功能查看运行时页面源代码，但找不到溢出。
然后我使用 Notepad++ 的 search-in-files 功能彻底搜索 Filepond 文件中的“溢出”，但无法与 ul 一起找到它。我能得到的最接近的是 JS 文件中的 const 命名列表。不知何故，我不认为这是相关的，但我知道为什么。如果需要，将在此处添加代码。
有趣的是，溢出在更新日志中出现了几次，曾经说过它修复了“列表溢出无法正确呈现的问题”。 (v 2.2.1)
Chrome v73（最新） Filepond 最后更新于 4/15/19
filepond_problem.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Filepond Problem</title>
<meta charset="utf-8">
<link rel="stylesheet" href="problem.css"> <!--remove this line and it works-->
<link rel="stylesheet" type="text/css" href="filepond/dist/filepond.css">
<script src="filepond/dist/filepond.js"></script>
</head>
<body>
<input type="file" mutliple/>
<script>
// Get a reference to the file input element
const inputElement = document.querySelector('input[type="file"]');
// Create the FilePond instance
const pond = FilePond.create(inputElement);
</script>
</body>
</html>
problem.css（在我伙伴的一个小文件中）
ul {
overflow: hidden;
}
当我选择要上传的文件时，无论是拖放还是使用“浏览”对话框，它所做的只是删除“拖放文件或浏览”。它没有显示我的文件，没有 x 删除它，什么都没有。它只是变成一个空的、浅灰色的盒子。
当您删除包含问题.css 的行时，它的作用与their site 上的描述相同。好吧，减去缩略图，但这是意料之中的，因为我还没有启用它。
【问题讨论】：
-
ul {overflow: hidden}，顾名思义，隐藏了所有溢出元素的内容，在这种情况下，Filepond 在显示文件的面板上有一个ul元素；如果您使用该规则，您将隐藏所有ul元素中的所有内容，如果您访问他们的站点，并选择相同的元素并添加相同的规则，则会发生同样的事情，所以解决方案就是避免使用它css 规则，或者更具体的类