Geek Answers Handbook

Dropdowns not expanding in shiny tabPanel

When the drop-down list is included as part of the tab bar in a shiny application, it does not behave the same as outside the tab bar. Outside the tab bar, when it is active, it goes beyond the element that contains it, but as a tab bar it is limited, which makes it very difficult to use.

I would like to be able to use the tab bars in the sidebarPanel, can anyone suggest how to make them behave?

In the tab bar (problematic)

library(shiny)

runApp(list(
  ui = pageWithSidebar(
    headerPanel("Dropdown issues in panels"),
    sidebarPanel(
      tabsetPanel(id="tabsetLeft",
                  tabPanel("Panel1",
                           selectInput("select1", "Select", 1:5)
                  ))),
    mainPanel()),
  server = function(input, output) {}))

Outside the tab bar (how I want it to work)

library(shiny)

runApp(list(
  ui = pageWithSidebar(
    headerPanel("Dropdown issues in panels"),
    sidebarPanel(
      selectInput("select1", "Select", 1:5)),
    mainPanel()),
  server = function(input, output) {}))
+2
source share
1 answer

css. .tab-content "

.tab-content {
  overflow: visible;
}

styles.css www :

library(shiny)

runApp(list(
    ui = pageWithSidebar(
        headerPanel("Dropdown issues in panels"),
        sidebarPanel(
            tabsetPanel(id="tabsetLeft",
                        tabPanel("Panel1",
                                 selectInput("select1", "Select", 1:5)
                        ))),
        mainPanel(tags$head(tags$style(type="text/css", ".tab-content {overflow: visible;}")))),
    server = function(input, output) {}))
+2

More articles:


All Articles