20935 2013-02-09 13:32:53 +0000 code example input breaks layout 2013-05-27 02:23:06 +0000 1 1 1 Unclassified webplatform.org infrastructure unspecified All All NEW www.meow1.com P2 normal --- 1 mail schepers cmills shmcl9 team-webplatform-admin public-webplatform-bugs oldest_to_newest 82841 0 mail 2013-02-09 13:32:53 +0000 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> 82844 1 cmills 2013-02-09 14:03:03 +0000 It sucks, but the code example fields don't get escaped automatically, so some of the HTML is being interpreted. For the display code, try escaping the angle brackets, for example with HTML entity references. 82845 2 mail 2013-02-09 14:04:39 +0000 replacing all html entities helps, but this could be automated 82846 3 cmills 2013-02-09 14:05:56 +0000 Agreed. I've got it on my feedback list for this weekend, and will raise it as a task to be done. 82848 4 frozenice 2013-02-09 14:27:57 +0000 *** Bug 20936 has been marked as a duplicate of this bug. ***