当前位置: 首页 > 知识库问答 >
问题:

溢出:hidden似乎破坏了filepond

幸鸿轩
2023-03-14

我正试图使Filepond工作,但CSS中的这一行似乎破坏了它-overflow:hidden;在ul选择器中。

我试着对页面的整个部分进行核化,直到Filepond起作用,将目标锁定在css上,最后在ul{}中找到前面提到的行。我可以把其他的东西都抹掉,只留下那条线,而文件孔仍然坏了,所以我肯定这是问题所在,但我不知道是怎么回事。

我尝试使用Chrome的检查器功能查看运行时页面源代码,但在那里找不到溢出。

然后我使用Notepad++的“文件中搜索”功能彻底搜索文件绑定文件中的“溢出”,但在UL的配合下找不到。我能得到的最接近的是JS文件中的一个常量名为列表。不知怎么的,我不认为这是相关的,但我想知道为什么。如果需要,将在此添加代码

有趣的是,overflow在changelog中出现过几次,有一次说它修复了一个“列表溢出不能正确呈现的问题”。(v2.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删除它,什么都没有。它就变成了一个空的浅灰色盒子。

当您删除包含problem.css的行时,它的作用就像在他们的站点上描述的那样。嗯,减去缩略图,但这是意料之中的,因为我还没有启用它。

共有1个答案

况弘新
2023-03-14

输入位于.filepond--drop-label中,并且根据附加到它的样式,当您上传文件时,会有一些javascript隐藏它。同样的javascript可能会显示照片,它在下一个div中.firepond--list-scroll。照片和内容确实会出现在列表中,就像所有图标一样,所以现在它们是隐藏的。你说你接下来会做照片部分,好吧,在这种情况下,你只是需要做所有的,因为他们有不同的部分,互相影响。

查看他们的ul.filePond--list,我没有看到您(在上载照片之前和之后)所做的ul{overflow:hidden;}。所以我不知道这是从哪里来的,可能是你不知不觉中添加的东西。那一行代码是不需要的。

 类似资料:
  • 我的单元测试设置如下: 进口似乎是个问题,因为我试图使用桶: 在index.ts文件中,我正在执行以下操作:

  • 我有一个简单的积垢项目称为过滤器。在这里,每个过滤器都被分配给一个带有外键的类别。我试图做的是循环遍历每个foregin键,以获得类别名称,而不是显示给用户的id。 我首先获取所有过滤器,并执行模具/转储以检查所有结果是否存在。 尝试将类别名称分配给正确的数组项时,出现以下错误: msgstr"间接修改App\Filter的重载元素没有效果" 所以为了检查发生了什么,我在foreach循环中死了/

  • 我计划通过存储某种可以在JS中生成的校验和来实现一个解决方案,以确保数据完全存在。如果没有,则清除它并从服务器中取出。

  • 我试图使用注释处理器来生成特定工厂接口的实现。这些接口如下所示: 和 注释处理器正在做正确的事情,并为每个匹配的类生成一个工厂,该工厂用相应的注释进行注释。 注释处理器的输出如下所示: 以及相应的其他类: 但是不能编译TestViewImFactory。错误消息是: “类'TestViewImplFactory'必须声明为抽象或在'ViewFactory'中实现抽象方法创建” Java说,以下是正

  • 我有我的项目在Android Studio工作正常,但然后: 我已升级到视窗 10 这破坏了我的java安装,但我现在也可以使用它(删除了所有内容,然后重新安装) 我现在也升级到了最新的稳定Android Studio 但是当我现在尝试构建我项目时,我得到了100个错误: W:\android-studio-projects\mycustomer\app\build\intermediates\e

  • 目前,我们所有的构建都失败了,因为无法从公共SBT插件回购中解析插件。我们得到以下错误: [警告]注意:某些未解析的依赖项具有额外属性。检查这些依赖项是否与请求的属性一起存在。[警告]com。类型安全。播放:sbt插件:2.4。0(scalaVersion=2.10,sbtVersion=0.13)[警告]com。github。gseitz:sbt版本:1.0。0(标度规避=2.10,sbtVer