Bug - link in dialog has rectangle around it.

Bug - link in dialog has rectangle around it.

I think I found a bug using a UI dialog containing a link. 

I have a simple page with a UI dialog containing 2 links. The first link is rendered in the browser with a rectangle around it in most browsers I have tested it in. One browser where this does NOT occur is IE6 (haven't tested with IE7). In Safari 5 mac, there is a blue rectangle around the link. In FF 3.6.8 mac and FF 2 Windows there's a black dotted line. In Opera 9.02 in Windows, the link is highlighted blue.

Feel free to school me if I am doing something wrong, or this issue is already known (am still somewhat new to jquery and it's community).

Here is the code:

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Dialog link bug</title>
  7. <link href="css/ui-lightness/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
  8. <script type='text/javascript' src='js/jquery-1.4.2.min.js'></script> 
  9. <script type='text/javascript' src='js/jquery-ui-1.8.4.custom.min.js'></script>
  10. <script type='text/javascript'>
  11. $(document).ready(function(){
  12. $("#theDialog").dialog();
  13. });
  14. </script>
  15. </head>

  17. <body>
  18. <div id="theDialog" title="A dialog box">
  19. <a href="url1.html">link 1</a> <a href="url2.html">link 2</a>
  20. </div>
  21. </body>
  22. </html>

    • Topic Participants

    • fred