Javascript 宽下拉菜单在添加overflow-y后被剪裁：滚动到侧边栏

我有一个R闪亮的应用程序，但我相信我的问题需要一个我不太熟悉的HTML/CSS（可能是jQuery？）解决方案。我制作了两个简单闪亮的应用程序，这是我目前面临的问题的例证

第一个不包含CSS属性：

.sidebar {
  height: 95vh;
  width: 300px;
  position: fixed;
  overflow-y: scroll;
  }

而第二个链接确实包含上述CSS属性。您可以在第二个链接中看到，下拉菜单被剪裁

我想避免这个剪辑问题，让下拉菜单覆盖侧边栏和滚动条。我已经研究了很多小时，找到了一些jQuery解决方案，但是由于我对jQuery不熟悉，加上生成的HTML语法对我来说有多么大的不同，我无法解决这个问题

谢谢

编辑 感谢moose帮我解决了这个问题！查看此线程：

基本上，我在selectizeInput函数中放置了dropdownParent：“body”：

selectizeInput("s1", h4("Select State:"), 
    options = list(dropdownParent = 'body'),
    choices = state.name)

---

您可能需要调整selectize下拉列表的宽度和高度。谢谢驼鹿

问题在于selectize下拉列表。如果您使html列表可见，溢出将按预期工作，但我假设您需要比默认选择列表更强大的功能

这里解决了一个类似的问题：

即使它是溢出x而不是y，解决方案应该是相同的。如果做不到这一点，您可以尝试语义UI的下拉菜单（或者更好的是，Fomantic UI）

下拉菜单父项：“body”解决方案奏效了！非常感谢你！如果有人有这个问题，请检查此线程。它告诉您放置dropdownParent的位置：“body”