Rmarkdown flexdashdash值框在Chrome或IE中无法正确呈现但在FireFox中有效

问题描述

我的flexdashboard在firefox中完美运行，但在chrome或IE中，值框无法正确呈现，并且隐藏在其他页面元素后面。我已经在其他一些网站上发布了此内容，但未能获得答案（很抱歉，这句话过多，我收到一个错误消息，说我没有提供足够的详细信息，我不知道该怎么做添加）。

这是我的代码的代表（如果不正确，请使用粘贴框https://pastebin.pl/view/1d1503f4）：

---
title: "reprex"
runtime: shiny
output:
  flexdashboard::flex_dashboard:
    theme: yeti
    orientation: rows
    vertical_layout: scroll
    social: menu
    source: embed
---

<script>
$('.navbar-logo').wrap('<a href="http://www.website.com" target=blank>');
</script>


```{r setup,include=FALSE}
library(flexdashboard)
library(knitr) # for RMarkdown to HTML
library(rmarkdown) # to generate Rmd final document
library(shiny) # dashboard interactivity
```

Sidebar {.sidebar}
======================================================================
some text for the sidebar

some more text

Section 1
======================================================================

## Row 1 {data-height=9}
-------------------------------

### valueBox1
```{r}
valueBox("986070",icon = "fa-user-times")
```

### valueBox2
```{r}
valueBox("8619681",icon = "fa-user-times")
```

## Row {data-height=800 .tabset .tabset-fade}
----------------------------------------------------------------------

### some other stuff

```{r}
# generate leaflet object,define basemap
leaflet(height = 400) %>% addProviderTiles("CartoDB.Positron",group = "CartoDB (Default)") %>% 
  addProviderTiles("Esri.WorldStreetMap",group = "Esri") %>%
  addProviderTiles("CartoDB.DarkMatter",group = "CartoDB Dark") %>%
  addLayersControl(
    baseGroups = c("CartoDB (Default)","Esri","CartoDB Dark"),options = layersControlOptions(collapsed = FALSE))
absolutePanel(
        draggable = FALSE,top = "2%",left = "5%",right = "auto",bottom = "auto",width = '30%',height = 'auto',style = "background: white; border:3px solid #eaf2f8; color: #5d6063; justify-content: center;",p(strong("some text"))
    )
```

random text

在Firefox（顶部）和Chrome / IE（底部）中显示：

picture of dashboard in both browers

解决方法

我能够通过从包含值框的行中删除data-height=50来解决此问题。对于以后遇到此错误的任何人。 Chrome显然对CSS / HTML的解释不同于Firefox。如果有人能提供有关发生原因的信息，我很想知道。