DOM Structure

// Outermost Div is passed to igv.createBrowser()
// igv.createBrowser(document.getElementById('my-div'), config)
div id my-div 

// Container Div of igv.js application DOM
div class igv-root-div

    // Navigation Bar: search, zoom in/out, track labels show/hide
    div id igvControlDiv
        div class igvNavigation

            div class igv-logo

            div class igvNavigationSearch
                input class igvNavigationSearchInput
                i class igv-app-icon fa fa-search
                div class igvNavigationSearchResults
                    table class igvNavigationSearchResultsTable
        
            div class igv-windowsizepanel-content-div

            div class igvNavigationZoom
                i class fa fa-minus-circle
                i class fa fa-plus-circle

            div class igv-toggle-track-labels
                hide labels
        
    // Div containing all track related content
    div class igv-content-div

        // Ideogram
        div
            div class igv-ideogram-content-div
                canvas class igv-ideogram-canvas

        // Track Container
        div class igv-track-container-div

            // Genomic Ruler
            div class igv-track-div
                div class igv-viewport-div
                    div class igv-content-div
                        canvas class igv-content-canvas
                        div class igv-ruler-sweeper-div
                   
                    div class igv-scrollbar-outer-div
                        div class igv-scrollbar-inner-div
                    
                    div class igv-track-drag-scrim
                
                div class igv-spinner-container
                    i class fa fa-spinner fa-spin
            
                div class igv-track-manipulation-handle

            // Reference Sequence
            div class igv-track-div
                div class igv-viewport-div
                    div class igv-content-div
                        canvas class igv-content-canvas
                    div class igv-scrollbar-outer-div
                        div class igv-scrollbar-inner-div                     
                    div class igv-track-drag-scrim
              
                div class igv-spinner-container
                    i class=fa fa-spinner fa-spin
             
                div class igv-track-manipulation-handle

            // Any Data Track
            div class igv-track-div

                // Left-hand Gutter - render axes here
                div class igv-left-hand-gutter
                    canvas class igv-track-control-canvas
          
                // Viewport - overlaid track label, vertical scroll bar
                div class igv-viewport-div
                    div class igv-content-div
                        canvas class igv-content-canvas
                   
                    div class igv-scrollbar-outer-div
                        div class igv-scrollbar-inner-div
                  
                    div class igv-track-label
                    div class igv-track-drag-scrim

                // Right-hand Gutter - track menu                    
                div class igv-right-hand-gutter
                    i class fa fa-gear

                // Spinner - track data loading progress spinner                         
                div class igv-spinner-container
                    i class fa fa-spinner fa-spin

                // Right-hand Track Manipulation Handle - drag to re-order track                         
                div class igv-track-manipulation-handle