Unable to Select Multiple Items in Dropdown()

[kyle-power]

When using Dropdown() or updateDropdown() with multiSelect = TRUE, users are unable to select/click items.

updateDropdown(session = session, input_id = "equipment", 
               label = "Select Desired Equipment", placeholder = "Select an option...",
               options = y, styles = list(root = list(width = "10vw"), 
               dropdownItemsWrapper = list(`max-height` = "400px", overflow = "auto")),
               multiSelect = TRUE, disabled = FALSE)

Checkboxes are "greyed out" and not able to clicked

[kyle-power]

Not sure if I need to tag anyone... @kamilzyla sorry to bother you again

[kamilzyla]

Hey @kyle-power! You're not bothering at all - thanks for reporting this and sorry for the late response.

The behavior you described is also present in the newest 0.2.0 release of shiny.fluent and it is due to a limitation in our wrapper implementation. For now, the simplified Dropdown.shinyInput doesn't work with multiselect = TRUE.

It is possible to use multiselect with the bare React interface, but it will require some gymnastics. You can play with this example to see how it works:

shinyApp(
  ui = fluentPage(
    textOutput("value"),
    Dropdown(
      onChange = setInput("dropdown", 2),
      options = list(
        list(key = "A", text = "Option A"),
        list(key = "B", text = "Option B")
      ),
      multiSelect = TRUE
    ),
  ),
  server = function(input, output) {
    output$value <- renderText(deparse(input$dropdown))
  }
)

We should be able to add support for multiSelect = TRUE in a future release. I created a feature request for this in #42.