如何将开槽元素放入css网格？

我的HTML如下所示：

<div id="grid-container">
    <slot name="items-to-be-filled"></slot>
</div>

#grid-container {
  display: grid;
}

然而，我填进投币口的物品似乎已经坏了。我使用开发人员的工具进行了检查，发现开槽项没有被视为网格项

---

是否可以将开槽项目视为正常的子节点？谢谢。

阴影DOM将外部CSS样式与internet CSS样式隔离开来。 因此，为了有效，CSS属性

display:grid

应该放在阴影DOM中

host.attachShadow（{mode:'open'}）
.innerHTML=
`
#网格容器{显示：网格}
`

一
二
三

请发布足够的代码来重现问题@Michael_B，在我的例子中，不需要javascript，只需要简单的html和css。