Question

我刚刚开始探索波普尔。我正在尝试使用它来定位用户可以与之交互的弹出窗口。弹出窗口的内容可以像文本一样简单，也可以是很大的自定义小部件。我尝试了以下操作以达到峰值：

参考元素1-绝对位置最高500像素，左侧：200像素。有一个带有自定义窗口小部件的弹出窗口，足以容纳滚动条

参考元素2-绝对位置最高500像素，左侧：500像素。有一个带有简单文本和按钮的弹出器。

注意：参考元素2首先出现在html中。

问题：参考2的弹出窗口始终显示在参考1的弹出窗口下方。我想将弹出窗口置于用户当前正在与之交互的顶部。

问题：是否有可以处理此定位请求的api？如果必须管理定位，我应该使用哪种lifecyle方法或api？仅管理z-index会有所帮助吗？谢谢！

我尝试在自定义修饰符中提供z索引，但是我不认为这是正确的方法，因为这只是添加属性，而不计算有关堆栈上下文的任何内容。

const topLogger = {
  name: 'topLogger',
  enabled: true,
  phase: 'main',
  fn ({ state }) {
    state.styles.zIndex = 100;
  }
};

在图片中，我们可以看到较简单的波普尔隐藏在较大的波普尔后面。单击较简单的按钮时，我想将其显示在顶部。