Dialog scrolls to href link

Dialog scrolls to href link

I'm having an issue that when I add just a normal <a href> link, and my dialog window has scrollbars, and the link is at the bottom, it seems like it is scrolling down to that link or maybe focusing that link when the dialog box shows.  Can anyone explain this or show me how to make it not do that?

  1. <script>
          $(document).ready(function() {
            $("#exampledialog").dialog({ autoOpen: false, resizable: false, height: 400, width: 700, modal: true, draggable: false, buttons: {
                Ok: function() {
                $( this ).dialog( "close" );
                }}
            });
            $( "#exampledialogopener" ).click(function() {
                $( "#exampledialog" ).dialog( "open" );
            });
          });
    </script>  










  2. <div id="exampledialog" title="Example Dialog">
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />
            EXAMPLE TEXT<br />    
        <a href="http://example.com/test.html" target="_blank">Example Website</a>
    </div>


























  3. <img src="images/info-icon-16.png" id="exampledialogopener" class="info-icon" />