In my app, I am using a draggable absolute panel. On the panel is a selectinput created using renderUI.
Using chrome, I have no issues. However, when our clients use Internet Explorer (11.0.9600.18015), and they try and scroll down within the input, the mouse becomes locked to the panel. Moving the mouse brings the panel with it. "Unclicking" does not work, and the only way I have gotten out of it is by right clicking and clicking elsewhere.
Is this a known bug with IE 11? We have also tested on IE 9 and there are no issues.
The following is a reproducible example:
ui.R
shinyUI(navbarPage("Leaflet App", id="nav",
tabPanel("Interactive map",
absolutePanel(id = "controls", fixed = TRUE,
draggable = TRUE, top = 100, left = "auto", right = 20, bottom = "auto",
width = 400, height = "auto",
h2("Select Province"),
br(),
uiOutput("state_province_select")
)
)
)
)server.R
shinyServer (
function(input, output) {
output$state_province_select <- renderUI({
selectchoices <- c("Prince Edward Island","Ontario",
"Prince Edward Island1","Ontario1",
"Prince Edward Island2","Ontario2",
"Prince Edward Island3","Ontario3")
selectlabel <- "Province"
choiceselected <- "Prince Edward Island"
selectInput("state_province_select",paste("Select ",selectlabel,":"),
choices = selectchoices, selected = choiceselected)
})
}
)Try in IE 11, open the selectize input, and try and scroll down. Your mouse should immediately become stuck