弹出容器中溢出时显示嵌入式选择框

Question

我有一个弹出页面，在该页面中我有一个选择框，我已经应用了jquery UI selectmenu。问题是选择框位于弹出窗口的底部，当它打开时，它会超出弹出限制。

  

我的实际代码（出于安全原因，我无法在此处粘贴代码）具有：

     

  

• 与弹出式容器的z-index相比，选择框的z-index更大，因此它在弹出的顶部呈现无问题。

  

• 选择框的z-index与弹出窗口相对，而不是整个页面，因此选择框隐藏在弹出窗口后面   弹出高度较低。

  

当弹出窗口高度小于显示所有选择框所需的行为时，所需的行为。我需要显示选择框而不隐藏。

如果我没有应用jquery ui选择菜单，它按预期工作。

请查看以下图片以供参考。

• 1.当你想要弹出尺寸时。

• 2.当弹出窗口尺寸较小时，选择隐藏。

• 3.我期待什么。

请建议我能解决这个问题。

Answer 1

在主弹出div上添加CSS属性overflow-y:visible：

这将使得渲染主div上/下边界之外的内部内容。

popupSelector {
   overflow-y: visible;
}

以下是关于overflow-y的documentation