Tengo una aplicación en la que actualizo un uiOutput con contenido nuevo y luego necesito ejecutar una función javascript en el lado del cliente para manipularlo. Estoy usando shinyjs::runjs() para ejecutar javascript, usando observeEvent() cuando cambia el contenido HTML, contenido en un reactive() .

Sin embargo, el momento de los eventos es que javascript se ejecuta antes de que se actualice la página. Me gustaría ejecutar javascript después de que el DOM se actualice con el nuevo contenido del servidor.

Aquí hay un ejemplo reproducible (el uso de setTimeout es solo para demostrar el retraso):

 --- title: Test output: flexdashboard::flex_dashboard runtime: shiny_prerendered --- ```{r, echo=FALSE} shiny::addResourcePath("shinyjs", system.file("srcjs", package = "shinyjs")) ``` ```{r, context='server'} shinyjs::useShinyjs(html = TRUE) ``` <script src="shinyjs/inject.js"></script> Column {.sidebar} ------------------------------------ ```{r} shiny::numericInput('js_time', label = 'JS timeout (ms)', min = 0, step = 100, value = 0) actionButton('button', 'Update') ``` Column ------------------------------------ ```{r context='render'} uiOutput("contentBox") ``` ```{r context='server'} content <- reactive({ input$button x = rnorm(1) shiny::tags$div(x, id = 'mydiv') }) output$contentBox <- renderUI({ content() }) observeEvent(content(), { js_time = isolate(input$js_time) js = glue::glue('setTimeout(function(){{ console.log($("#mydiv").text()); }}, {js_time});') shinyjs::runjs(js) }) ```

Cuando revisa la consola, puede ver que si no configura un retraso en el javascript (0ms en setTimeout), el informe de console.log del número aleatorio se retrasa:

Sin embargo, si establece un tiempo de espera de 100 ms, el código JavaScript se ejecuta después de que se actualiza el DOM y la salida ya no se retrasa:

Mi pregunta es: usando shiny, ¿existe una forma natural de garantizar que javascript se ejecutará después de que se actualice el DOM?

(No estoy seguro de que sea relevante, pero también mencionaré que en mi aplicación real, es posible que el DOM no contenga los mismos elementos, y es posible que JavaScript no se ejecute, en cada actualización)