Drupal 幻灯片在网格布局中呈现 0x0

Question

我在许多 D8 网站上使用过 Views Slideshow 模块，但之前从未遇到过这个特殊的怪癖。在this site 上，首页初始屏幕中的幻灯片视图会以正确的大小短暂呈现，但在页面加载后不久（每个人<img>）会立即将大小调整为 0x0（这表明它可能是由 JS 脚本引起的模块中的某处。）

我已经深入研究了各种模块文件夹，但到目前为止还无法确定这种行为的来源。我怀疑这可能与幻灯片位于灵活 CSS 网格的一个窗格中这一事实有关，因为我知道幻灯片在页面加载时做了一些类似于计算每个图像在屏幕上显示的渲染大小的操作，这可能会搞砸。另一个幻灯片位于该网格外同一页面的下方，并且完全按预期工作。

任何帮助调查这种奇怪的消失行为将不胜感激！

Answer 1

当视图幻灯片运行它是 javascript 时，它需要包含 div 设置一些大小。
尝试添加这个，以便杂耍呈现包含 div 的大小（即网格项）：

.block-views-blockslideshow-header-block-1 {
    width: 100%;
    height: 100%;
    top: 0px;
    position: relative;
    overflow: hidden;
}