absolutePanel 始终相对于窗口而不是父对象定位

Question

我正在尝试在地图上放置一个absolutePanel，并将其相对于另一个与地图具有完全相同大小和行为的div进行定位。

但是，我无法让它像第一部分中的文档所述那样工作

绝对定位在 HTML 中的工作方式是相对于其位置未设置为静态（这是默认值）的最近父元素指定绝对坐标，如果没有找到这样的父元素，则相对于页面边框。

#### Missions: Activity map ####
    tabPanel(
      "Activity map",
      div(
        position = "relative", # my parent div that I am trying to reference
        div(
          class = "outer",
          tags$style(type = "text/css", "#map {height: calc(100vh - 110px) !important;}"),
          leafletOutput("map")
        ),
        absolutePanel(
          top = 100,
          left = 85,
          width = 320,
          height = "auto",
          fixed = TRUE,
          style = "padding:15px; background:rgba(232, 232, 232, 0.8); bottom:25px",
          div(
            style = "margin-bottom:15px;",
            h6("Activity map"),
            p(
              "This map helps to get an overview of the spatial and temporal dimension of UN peacekeeping activities. It shows where missions were employed in each year and which activities they implemented."
            ),
          ...
          )

父 div 确实随窗口调整大小，与地图完全相同。我只需要参考与此相关的绝对面板。

非常感谢！

到目前为止尝试过： 不同的位置标签，fixed = TRUE/FALSE，在浏览器中检查 Shiny 应用程序是否确实正确创建了 div，它们是。

Answer 1

position

是 CSS 属性。您必须将

position = "relative"

替换为

style = "position: relative;"

。