Come modificare l'altezza del menu a discesa Seleziona in lucido?

Question

Desidero modificare l'altezza del menu a discesa Seleziona nell'app lucida. L'altezza predefinita mostra circa 8 opzioni, mi piacerebbe vedere di più. È possibile aumentare il numero di opzioni diminuendo l'altezza della riga del menu a discesa, ma questa non è una soluzione ottimale per me. Ho cercato molto su come farlo, ho esaminato il codice selectize.js e la mia ipotesi attuale è che questo sia banale o impossibile da progettare.

Quello che ho imparato è che il menu a discesa visualizzato da select è un div della classe .selectize-dropdown-content, ma la modifica degli attributi di altezza e larghezza non cambia nulla. È comunque possibile cambiare il colore di sfondo. Ecco il mio unico file di codice lucido app:

server <- function(input, output) { 
    output$distPlot <- renderPlot({ 
     plot(0.5,0.5,xlim=c(0,1),ylim=c(0,1)) 
     text(0.5,0.5,input$Letter) 
    }) 
} 

ui <- shinyUI(fluidPage(
    sidebarLayout(
    sidebarPanel(
     selectizeInput("Letter", "", setNames(letters,letters),selected="a",multiple=FALSE),  
     tags$style(type='text/css', 
        ".selectize-dropdown-content { 
height: 600 px; 
width: 700 px; 
background-color: #b0c4de; 
}") 
    ), 
    mainPanel(plotOutput("distPlot")) 
) 
)) 

shinyApp(ui = ui, server = server) 

Quindi la mia domanda è, se sto modificando il CSS dell'elemento corretto, o che cambi di altezza discesa non è possibile in selectize.js?

Answer 1

Ottenuto la soluzione, pochi minuti dopo la pubblicazione della domanda. L'altezza del menu a discesa Seleziona è controllata dall'attributo max-height. Il seguente css fa il trucco:

tags$style(type='text/css', ".selectize-dropdown-content {max-height: 400px; }"),