Bug Tracker

Ticket #1239: safari-display-bug.html
File safari-display-bug.html, 1.7 KB (added by remysharp, May 17, 2008 12:04AM UTC)

Demo of Safari display prop bug. Result should say: 'none'

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Title</title>
    <style type="text/css" media="screen">
    <!--
        BODY { margin: 10px; padding: 0; font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; }
        H1 { margin-bottom: 2px; }
        DIV.container { margin: auto; width: 90%; margin-bottom: 10px;}
        TEXTAREA { width: 80%;}
        FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
        LEGEND { color: #ccc; font-size: 120%; }
        INPUT, TEXTAREA { font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #999; }
        LABEL { display: block; margin-top: 10px; } 
        IMG { margin: 5px; }
    -->
    </style>

    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

    <script type="text/javascript">
    <!--
    $j124 = jQuery.noConflict();
    
    console.log(!!($j124.fn.jquery === '1.2.4b') +  ', 124: ' + $j124.fn.jquery);
    console.log(!!($.fn.jquery === '1.2.3') + ', 123: ' + $.fn.jquery);
    
    $(function () {
        var p = $('<p>test</p>').hide();
        alert('Using jQuery ' + $.fn.jquery + ' - result: ' + p[0].style.display);
    });

    $j124(function () {
        var p = $j124('<p>test</p>').hide();
        alert('Using jQuery ' + $j124.fn.jquery + ' - result: ' + p[0].style.display);
    });

    
    //-->
    </script>
</head>
<body id="page">
    <h1>Title</h1>
</body>
</html>

Download in other formats:

Original Format