[Bug 20935] New: code example input breaks layout

https://www.w3.org/Bugs/Public/show_bug.cgi?id=20935

            Bug ID: 20935
           Summary: code example input breaks layout
    Classification: Unclassified
           Product: webplatform.org
           Version: unspecified
          Hardware: All
                OS: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: infrastructure
          Assignee: schepers@w3.org
          Reporter: mail@damienklinnert.de
        QA Contact: public-webplatform-bugs@w3.org
                CC: team-webplatform-admin@w3.org

This code example breaks the layout, though I don't know whats the reason for
this:

<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
<script type="text/javascript">
oFReader = new FileReader(), rFilter = 'image/jpg';

oFReader.onload = function (oFREvent) {
  document.getElementById("uploadPreview").src = oFREvent.target.result;
};

function loadImageFile() {
  if (document.getElementById("uploadImage").files.length === 0) { return; }
  var oFile = document.getElementById("uploadImage").files[0];
  if (!rFilter.test(oFile.type)) { alert("You must select a valid image
file!"); return; }
  oFReader.readAsDataURL(oFile);
}
</script>
</head>

<body onload="loadImageFile();">
  <form name="uploadForm">
    <table>
      <tbody>
        <tr>
          <td><img id="uploadPreview" style="width: 100px; height: 100px;"
src="" alt="Image preview" /></td>
          <td><input id="uploadImage" type="file" name="myPhoto"
onchange="loadImageFile();" /></td>
        </tr>
      </tbody>
    </table>

    <p><input type="submit" value="Send" /></p>
  </form>
</body>
</html>

-- 
You are receiving this mail because:
You are the QA Contact for the bug.

Received on Saturday, 9 February 2013 13:32:54 UTC