dialog_with_positioning_window.xhtml (1190B)
1 <?xml version="1.0" encoding="UTF-8" ?> 2 <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> 3 <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 4 onload="setTimeout(runTest, 0)"> 5 <vbox> 6 <label value="powered by example.com" style="padding: 16px;"/> 7 </vbox> 8 <hbox id="t" style="display: block; position: fixed; right: 16px; bottom: 16px;"> 9 <button label="OK"/> 10 </hbox> 11 <script><![CDATA[ 12 var SimpleTest = window.arguments[0].SimpleTest; 13 var SpecialPowers = window.arguments[0].SpecialPowers; 14 var is = window.arguments[0].is; 15 var ok = window.arguments[0].ok; 16 17 // We run this off a setTimeout from onload, because the XUL window 18 // only does its intrinsic-height layout after the load event has 19 // finished 20 function runTest() { 21 var t = document.getElementById("t"); 22 var tBottom = t.getBoundingClientRect().bottom; 23 is(tBottom, document.documentElement.getBoundingClientRect().bottom - 16, 24 "check fixed-pos element t bottom positioned correctly"); 25 ok(tBottom < 200, "fixed-pos element t bottom must be sane, less than 200 (got " + tBottom + ")"); 26 window.close(); 27 SimpleTest.finish(); 28 } 29 ]]></script> 30 </window>