title: Using the ‘rintrojs’ in Shiny to create e step-by-step introductions on app usage; dialog box appears top left corner for some tabs but not others
body: <p>I am using the <code>rintrojs</code> package to create pop-up text boxes within my shiny dashboard app which will help the user understand the functions within the shiny app. My app includes multiple tabs.</p>
  <p>My issue is that in some of the tabs, the dialog box appears at the top left corner of the screen. For instance, when I activate the dialog box, this happens:-</p>
  <p><a href="https://i.stack.imgur.com/iKEJg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iKEJg.png" alt="enter image description here" /></a></p>
  <p>This happens on the first and second tab. However, on the third tab, it works normally and the way it is intended:-</p>
  <p><a href="https://i.stack.imgur.com/T99iP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T99iP.png" alt="enter image description here" /></a></p>
  <p>Here is my shiny code:-</p>
  <pre><code>ui&lt;-fluidPage(
    introjsUI(),
    titlePanel('My dashboard'),
    tabsetPanel(
      
      
      
      #=============================================Firsttab==================================================
      
      tabPanel(&quot;First tab&quot;, 
               
               
               sidebarLayout(
                 sidebarPanel(width = 5,
                              actionButton(&quot;help_tab1&quot;, &quot;About this Page&quot;),
                              h5(&quot;Before you begin any analysis, you may to read this text&quot;),
                              br(),
                              h5(&quot;Here is some text that explains some stuff&quot;),
                              introBox(
                                numericInput(&quot;numericinput1&quot;, &quot;Put a number in here&quot;,1000),data.step = 1,
                                data.intro = &quot;You should put a number in this box&quot;),
                              useShinyalert(),
                              #add_busy_spinner(spin = &quot;fading-circle&quot;),
                              introBox(
                                actionButton(inputId = &quot;actionbutton1&quot;, &quot;Button&quot;),data.step = 2,
                                data.intro = &quot;Press this button for something to happen&quot;)),
                 mainPanel(fluidRow(
                   column(5, textOutput(&quot;text1&quot;)),
                   column(8, textOutput(&quot;text2&quot;)),
                   
                   column(8, textOutput(&quot;text3&quot;)),
                   
                   column(8, textOutput(&quot;text4&quot;)),
                   
                   column(8, h4(&quot;Table 1&quot;) ,DT::dataTableOutput(&quot;table1&quot;)),
                   
                   column(8, h4(&quot;Table 2&quot;) ,DT::dataTableOutput(&quot;table2&quot;)),
                   
                   column(8,h4(&quot;Table 3&quot;) , DT::dataTableOutput(&quot;table3&quot;)),
                   
                   column(8, h4(&quot;Table 4&quot;), DT::dataTableOutput(&quot;table4&quot;)),
                   
                   column(12, h4(&quot;Table 5&quot;),DT::dataTableOutput(&quot;table5&quot;)))))),#end of tab panel
      
      #==================================================================Secondtab===========================================
      tabPanel(&quot;Second tab&quot;,
               sidebarPanel(width = 4,
                            
                            actionButton(&quot;help_tab2&quot;, &quot;About this Page&quot;),
                            h5(&quot;Here is some text&quot;),
                            introBox(
                              numericInput(&quot;numericinput2&quot;,&quot;Put a number in here&quot;,5), data.step = 1, 
                              data.intro = &quot;Put a number in this box&quot;),
                            br(),
                            h5(&quot;Some more text&quot;),
                            introBox( 
                              numericInput(&quot;numericinput3&quot;, &quot;Put a number in here&quot;, 100), data.step = 2,
                              data.intro = &quot;Put a number in this box&quot;),
                            h5(&quot;Here is some text&quot;),
                            introBox( 
                              actionButton(&quot;actionbutton2&quot;, &quot;Button&quot;), data.step = 3, 
                              data.intro = &quot;Something will happen if you press this button&quot;)),
               mainPanel(
                 textOutput(&quot;text5&quot;),
                 h4(&quot;Plot 1&quot;),
                 plotOutput(&quot;plot1&quot;, width = &quot;100%&quot;),
                 h4(&quot;Plot 2&quot;),
                 plotOutput(&quot;plot2&quot;,width = &quot;100%&quot;),
                 h4(&quot;Plot 3&quot;),
                 plotOutput(&quot;plot3&quot;,width=&quot;100%&quot;))),#end of tab
      
      #===================================================================================Thirdtab=================================
     
      
      tabPanel(&quot;Third tab&quot;,
               sidebarPanel(width = 4,
                            
                            actionButton(&quot;help_tab3&quot;, &quot;About this Page&quot;),
                            h5(&quot;Here is some text&quot;),
                            introBox(
                              numericInput(&quot;numericinput4&quot;,&quot;Put a number in here&quot;,5), data.step = 1, 
                              data.intro = &quot;Put a number in this box&quot;),
                            br(),
                            h5(&quot;Some more text&quot;),
                            introBox( 
                              numericInput(&quot;numericinput5&quot;, &quot;Put a number in here&quot;, 100), data.step = 2,
                              data.intro = &quot;Put a number in this box&quot;),
                            h5(&quot;Here is some text&quot;),
                            introBox( 
                              actionButton(&quot;actionbutton3&quot;, &quot;Button&quot;), data.step = 3, 
                              data.intro = &quot;Something will happen if you press this button&quot;)),
               mainPanel(
                 textOutput(&quot;text6&quot;),
                 h4(&quot;Plot 4&quot;),
                 plotOutput(&quot;plot4&quot;, width = &quot;100%&quot;),
                 h4(&quot;Plot 5&quot;),
                 plotOutput(&quot;plot5&quot;,width = &quot;100%&quot;),
                 h4(&quot;Plot 6&quot;),
                 plotOutput(&quot;plot6&quot;,width=&quot;100%&quot;)))))
  
  
  
  server &lt;- function(input, output, session) {
    
    observeEvent(input$help_tab1,
                 introjs(session, options = list(&quot;showBullets&quot;=&quot;false&quot;, &quot;showProgress&quot;=&quot;true&quot;, 
                                                 &quot;showStepNumbers&quot;=&quot;false&quot;,&quot;nextLabel&quot;=&quot;Next&quot;,&quot;prevLabel&quot;=&quot;Prev&quot;,&quot;skipLabel&quot;=&quot;Skip&quot;))
    )
    
    observeEvent(input$help_tab2,
                 introjs(session, options = list(&quot;showBullets&quot;=&quot;false&quot;, &quot;showProgress&quot;=&quot;true&quot;, 
                                                 &quot;showStepNumbers&quot;=&quot;false&quot;,&quot;nextLabel&quot;=&quot;Next&quot;,&quot;prevLabel&quot;=&quot;Prev&quot;,&quot;skipLabel&quot;=&quot;Skip&quot;))
    )
    
    observeEvent(input$help_tab3,
                 introjs(session, options = list(&quot;showBullets&quot;=&quot;false&quot;, &quot;showProgress&quot;=&quot;true&quot;, 
                                                 &quot;showStepNumbers&quot;=&quot;false&quot;,&quot;nextLabel&quot;=&quot;Next&quot;,&quot;prevLabel&quot;=&quot;Prev&quot;,&quot;skipLabel&quot;=&quot;Skip&quot;))
    )
    
  }
  
  shinyApp(ui,server)    
  
  </code></pre>
  <p>How can I get this feature to work in the first/second tab as it is working within the third tab? This is my first time using this function so any pointers would be appreciated.</p>