为什么 FilePond 在我的网站上呈现不正确？
Why does FilePond render incorrectly on my website?
我这辈子都想不通。当我在我的网站上实施 FilePond 时，它呈现不正确。请参阅此屏幕截图。
如您所见，那里有 2 个 FilePond 实例。第二个看起来是正确的，但我这样做的方式很古怪，一旦你开始向它添加文件，它就会崩溃。在同一个屏幕截图中，您可以看到我打开了开发人员工具并突出显示了一行。突出显示的行及其下方的行是问题所在。它们显示了 FilePond 为那些错误转换的 div 计算的转换，它们是导致灰色区域太短的原因。
我的项目可能做错了什么导致 Filepond 突然计算出 .filepond--panel-center 和 .filepond--panel-bottom 的错误 css 转换？请帮忙！
我知道最常见的错误是人们忘记在页面顶部添加 <!DOCTYPE html>。我没有忘记。
好的，这是我部署的网站，您可以自己查看：http://laf.devign.nl/items/new
使用 user1@example.com 和 secret 登录。
如果您碰巧在 Mac 上，由于某种原因它在 Safari 中可以正确呈现。因此，您可以将它与那个进行比较，看看它 应该 是什么样子。 Chrome 无法正确呈现。
页面是否可能缺少其文档类型声明？
<!doctype html>
因此，感谢 ，我开始寻找适用于 <input type="file" /> 元素和 Filepond 在转换后生成的所有 html 的 css 规则文件输入。
以下是我发现干扰的所有 css：
- 正如 Rik 所说，代码中有这个奇怪的 css 规则：
* { max-height: 1000000px; }。这是造成 filepond div 渲染太短的原因，如我的 OP 中的屏幕截图所示。 （我申明，那个规则不是我写的，css是团队里其他人发给我的）
- 除此之外，我的表单是从 bootstrap 模板生成的，因此我的文件输入是使用 class
<input type="file" class="custom-file-input" />. 生成的
从文件输入 Filepond 中删除 css 规则和 class 后，最终在所有浏览器中正确呈现。
我这辈子都想不通。当我在我的网站上实施 FilePond 时，它呈现不正确。请参阅此屏幕截图。
如您所见，那里有 2 个 FilePond 实例。第二个看起来是正确的，但我这样做的方式很古怪，一旦你开始向它添加文件，它就会崩溃。在同一个屏幕截图中，您可以看到我打开了开发人员工具并突出显示了一行。突出显示的行及其下方的行是问题所在。它们显示了 FilePond 为那些错误转换的 div 计算的转换，它们是导致灰色区域太短的原因。
我的项目可能做错了什么导致 Filepond 突然计算出 .filepond--panel-center 和 .filepond--panel-bottom 的错误 css 转换？请帮忙！
我知道最常见的错误是人们忘记在页面顶部添加 <!DOCTYPE html>。我没有忘记。
好的，这是我部署的网站，您可以自己查看：http://laf.devign.nl/items/new
使用 user1@example.com 和 secret 登录。
如果您碰巧在 Mac 上，由于某种原因它在 Safari 中可以正确呈现。因此，您可以将它与那个进行比较，看看它 应该 是什么样子。 Chrome 无法正确呈现。
页面是否可能缺少其文档类型声明？
<!doctype html>
因此，感谢 <input type="file" /> 元素和 Filepond 在转换后生成的所有 html 的 css 规则文件输入。
以下是我发现干扰的所有 css：
- 正如 Rik 所说，代码中有这个奇怪的 css 规则：
* { max-height: 1000000px; }。这是造成 filepond div 渲染太短的原因，如我的 OP 中的屏幕截图所示。 （我申明，那个规则不是我写的，css是团队里其他人发给我的） - 除此之外，我的表单是从 bootstrap 模板生成的，因此我的文件输入是使用 class
<input type="file" class="custom-file-input" />. 生成的
从文件输入 Filepond 中删除 css 规则和 class 后，最终在所有浏览器中正确呈现。