Author: pyaschenko
Date: 2010-02-11 07:38:42 -0500 (Thu, 11 Feb 2010)
New Revision: 16441
Added:
root/examples-sandbox/trunk/javascripts-draft/position-test-markup-draft.txt
Log:
markup templates for position testing - draft (not all templates, only based on calendar
jirra bugs)
Added: root/examples-sandbox/trunk/javascripts-draft/position-test-markup-draft.txt
===================================================================
--- root/examples-sandbox/trunk/javascripts-draft/position-test-markup-draft.txt
(rev 0)
+++
root/examples-sandbox/trunk/javascripts-draft/position-test-markup-draft.txt 2010-02-11
12:38:42 UTC (rev 16441)
@@ -0,0 +1,101 @@
+/*
+
https://jira.jboss.org/jira/browse/RF-645
+ Calendar: incorrectly positioned popup in richfaces-demo
+ IE7
+*/
+
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
+<form>
+<table width="100%" cellspacing="0" cellpadding="10"
border="1" style="position: relative;">
+<tbody>
+<tr>
+<td>
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+</td>
+</tr>
+</tbody>
+</table>
+</form>
+
+/*
+
https://jira.jboss.org/jira/browse/RF-1314
+ Calendar positioning bug.
+*/
+
+<div style="height:350px;overflow-x:hidden;overflow-y:auto;width:300px">
+<div style="height:200px"></div>
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+ <div style="position:absolute; width:200px; height:200px;
background-color:red" id="testElement1">some text</div>
+<div style="height:200px"></div>
+</div>
+
+// -----
+
+<table width="400" align="center">
+<tr>
+<td>
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+</td>
+</tr>
+</table>
+
+// -----
+
+<div style="position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;
overflow: auto;">
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+ <div style="position:absolute; width:200px; height:200px;
background-color:red" id="testElement1">some text</div>
+</div>
+
+// ----
+
+<div style="position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;
overflow: auto;">
+<div>
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+ <div style="position:absolute; width:200px; height:200px;
background-color:red" id="testElement1">some text</div>
+</div>
+</div>
+
+// ----
+
+<div style="position:absolute; width:400px; top: 200px; left: 200px;">
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+ <div style="position:absolute; width:200px; height:200px;
background-color:red" id="testElement1">some text</div>
+</div>
+
+// ----
+
+<div style="position:absolute; width:400px; top: 200px; left: 200px;">
+<div>
+ <table style="position:absolute; background-color:red"
id="testElement">
+ <tr>
+ <td style="width:200px;height:200px">some text</td>
+ </tr>
+ </table>
+ <div style="position:absolute; width:200px; height:200px;
background-color:red" id="testElement1">some text</div>
+</div>
+</div>
+