OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Bug 91756</title> | 4 <title>Bug 91756</title> |
5 <script src="../../fast/js/resources/js-test-pre.js"></script> | 5 <script src="../../resources/js-test.js"></script> |
6 <style> | 6 <style> |
7 div.outer { overflow: auto; width: 100px; position: relative; height: 100px; bor
der: solid; } | 7 div.outer { overflow: auto; width: 100px; position: relative; height: 100px; bor
der: solid; } |
8 div.inner { position: absolute; top: 250px; } | 8 div.inner { position: absolute; top: 250px; } |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
11 <body> | 11 <body> |
12 <div id="outerLTR" class="outer"><div id="innerLTR" class="inner" style="left: 2
00px;">foo</div></div> | 12 <div id="outerLTR" class="outer"><div id="innerLTR" class="inner" style="left: 2
00px;">foo</div></div> |
13 <div id="outerRTL" class="outer" style="direction: rtl;"><div id="innerRTL" clas
s="inner" style="right: 200px;">foo</div> | 13 <div id="outerRTL" class="outer" style="direction: rtl;"><div id="innerRTL" clas
s="inner" style="right: 200px;">foo</div> |
14 </div> | 14 </div> |
15 <script type="text/javascript"> | 15 <script type="text/javascript"> |
16 description('Test if the widths of RTL elements are the same as the widths of th
e LTR elements when they include absolutely-positioned children.'); | 16 description('Test if the widths of RTL elements are the same as the widths of th
e LTR elements when they include absolutely-positioned children.'); |
17 | 17 |
18 debug('Verify the widths of the outer RTL element are the same as the widths of
the outer LTR element.'); | 18 debug('Verify the widths of the outer RTL element are the same as the widths of
the outer LTR element.'); |
19 var outerLTR = document.getElementById('outerLTR'); | 19 var outerLTR = document.getElementById('outerLTR'); |
20 var outerRTL = document.getElementById('outerRTL'); | 20 var outerRTL = document.getElementById('outerRTL'); |
21 shouldBeTrue('outerLTR.offsetWidth == outerRTL.offsetWidth'); | 21 shouldBeTrue('outerLTR.offsetWidth == outerRTL.offsetWidth'); |
22 shouldBeTrue('outerLTR.clientWidth == outerRTL.clientWidth'); | 22 shouldBeTrue('outerLTR.clientWidth == outerRTL.clientWidth'); |
23 shouldBeTrue('outerLTR.scrollWidth == outerRTL.scrollWidth'); | 23 shouldBeTrue('outerLTR.scrollWidth == outerRTL.scrollWidth'); |
24 | 24 |
25 debug('Verify the widths of the inner RTL element are the same as the widths of
the inner LTR element.'); | 25 debug('Verify the widths of the inner RTL element are the same as the widths of
the inner LTR element.'); |
26 var innerLTR = document.getElementById('innerLTR'); | 26 var innerLTR = document.getElementById('innerLTR'); |
27 var innerRTL = document.getElementById('innerRTL'); | 27 var innerRTL = document.getElementById('innerRTL'); |
28 shouldBeTrue('innerLTR.offsetWidth == innerRTL.offsetWidth'); | 28 shouldBeTrue('innerLTR.offsetWidth == innerRTL.offsetWidth'); |
29 shouldBeTrue('innerLTR.clientWidth == innerRTL.clientWidth'); | 29 shouldBeTrue('innerLTR.clientWidth == innerRTL.clientWidth'); |
30 shouldBeTrue('innerLTR.scrollWidth == innerRTL.scrollWidth'); | 30 shouldBeTrue('innerLTR.scrollWidth == innerRTL.scrollWidth'); |
31 </script> | 31 </script> |
32 </body> | 32 </body> |
33 </html> | 33 </html> |
OLD | NEW |