css - Bulma Modals 在 VueJS 组件中被裁剪

Question

我正在使用布尔玛和 VueJS。我不确定这里的 CSS 框架是否重要；这是 VueJS 故障还是 Bulma 故障。

例如，我创建了一个 VueJS 组件，我计划在其中使用模式来显示“添加项目”表单。

当我这样做时，模态和模态背景被限制在 VueJS 组件区域，并且不会填满整个屏幕。

有谁知道为什么会发生这种情况，以及如何避免它？我已经尝试将模态容器的宽度和高度显式设置为 top:0、left:0 和 100%，但这没有区别。