title: Adding scroll to sidebar in flexdashboard
body: <p>I am designing a UI using Flexdashboard and some of the textinput boxes are going beyond the regular browser window, I have added a line <code>vertical_layout: scroll</code> in my code but I am guessing that is not enough ? So my question is how do I enable vertical scrolling feature as shown in this image below. ? Any tips or pointers are much appreciated.</p>
  
  <p><a href="https://i.stack.imgur.com/ymeJG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ymeJG.png" alt="enter image description here"></a></p>
  
  <p>Here's my code below</p>
  
  <pre><code>---
  title: "Untitled"
  output: 
    flexdashboard::flex_dashboard:
      orientation: columns
      vertical_layout: scroll
      smooth_scroll: true
      runtime: shiny
  ---
  
  ```{r setup, include=FALSE}
  library(flexdashboard)
  ```
  
       Inputs {.sidebar}
  -----------------------------------------------------------------------
  
    ```{r}
  library(shiny)
  library(shinyjs)
  
  
  shinyjs::useShinyjs()
  #tags$hr(),
  shinyjs::disabled(textInput("id", "Id", "0"))
  textInput("X1", "X1", "")
  textInput("X2", "X2", "")
  textInput("X3", "X3", "")
  textInput("X4", "X4", "")
  textInput("X5", "X5", "")
  textInput("X6", "X6", "")
  textInput("X7", "X7", "")
  textInput("X8", "X8", "")
  textInput("X9", "X9", "")
  textInput("X10", "X10", "")
  textInput("X11", "X11", "")
  textInput("X12", "X12", "")
  
  textInput("X13", "X13", "")
  textInput("X14", "X14", "")
  textInput("X15", "X15", "")
  textInput("X16", "X16", "")
  
  checkboxInput("X17", "X17", FALSE)
  
  
  #action buttons
  actionButton("submit", "Submit Changes")
  
  
  ```
  </code></pre>