summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/84400-1.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/bugs/84400-1.html179
1 files changed, 179 insertions, 0 deletions
diff --git a/layout/reftests/bugs/84400-1.html b/layout/reftests/bugs/84400-1.html
new file mode 100644
index 0000000000..e7b8f6942d
--- /dev/null
+++ b/layout/reftests/bugs/84400-1.html
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Testing controls that should match :enabled/:disabled</title>
+ <style type="text/css">
+ input, textarea, button, *.hideme { display: none; }
+ div { margin-bottom: 0.2em; }
+
+ span, option, optgroup { background-color: red; }
+ *:enabled + span.true, option.true:enabled, optgroup.true:enabled { color: lime; background-color: lime; }
+ *:disabled + span.false, option.false:disabled, optgroup.false:disabled { color: lime; background-color: lime; }
+ </style>
+ <script type="text/javascript">
+ // Runs through i1, i2, .... in and toggles the |disabled| attribute
+ function onLoad() {
+ var i = 1;
+ var el = document.getElementById("i1");
+ while (el) {
+ if (el.hasAttribute("disabled")) {
+ el.removeAttribute("disabled");
+ } else {
+ el.setAttribute("disabled", "disabled");
+ }
+ ++i;
+ el = document.getElementById("i" + i);
+ }
+ if (i != 31) {
+ alert("onLoad() handler failed!");
+ }
+ }
+
+ window.addEventListener("load", onLoad);
+ </script>
+ </head>
+ <body>
+ <div>
+ There should be no red in the following (note: form styling should be enabled).
+ </div>
+
+ <form method="get" action=".">
+ <div>
+ input:
+ <input/> <span class="true">FAIL</span>
+ <input disabled="disabled"/> <span class="false">FAIL</span>
+ <input id="i1"/> <span class="false">FAIL</span>
+ <input id="i2" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ password:
+ <input type="password"/> <span class="true">FAIL</span>
+ <input type="password" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="password" id="i3"/> <span class="false">FAIL</span>
+ <input type="password" id="i4" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ checkbox:
+ <input type="checkbox"/> <span class="true">FAIL</span>
+ <input type="checkbox" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="checkbox" id="i5"/> <span class="false">FAIL</span>
+ <input type="checkbox" id="i6" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ radio:
+ <input type="radio"/> <span class="true">FAIL</span>
+ <input type="radio" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="radio" id="i7"/> <span class="false">FAIL</span>
+ <input type="radio" id="i8" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ submit:
+ <input type="submit"/> <span class="true">FAIL</span>
+ <input type="submit" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="submit" id="i9"/> <span class="false">FAIL</span>
+ <input type="submit" id="i10" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ reset:
+ <input type="reset"/> <span class="true">FAIL</span>
+ <input type="reset" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="reset" id="i11"/> <span class="false">FAIL</span>
+ <input type="reset" id="i12" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ file:
+ <input type="file"/> <span class="true">FAIL</span>
+ <input type="file" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="file" id="i13"/> <span class="false">FAIL</span>
+ <input type="file" id="i14" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ hidden:
+ <input type="hidden"/> <span class="true">FAIL</span>
+ <input type="hidden" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="hidden" id="i15"/> <span class="false">FAIL</span>
+ <input type="hidden" id="i16" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ image:
+ <input type="image"/> <span class="true">FAIL</span>
+ <input type="image" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="image" id="i17"/> <span class="false">FAIL</span>
+ <input type="image" id="i18" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ button (input):
+ <input type="button"/> <span class="true">FAIL</span>
+ <input type="button" disabled="disabled"/> <span class="false">FAIL</span>
+ <input type="button" id="i19"/> <span class="false">FAIL</span>
+ <input type="button" id="i20" disabled="disabled"/> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ textarea:
+ <textarea cols="5" rows="5"></textarea> <span class="true">FAIL</span>
+ <textarea cols="5" rows="5" disabled="disabled"></textarea> <span class="false">FAIL</span>
+ <textarea cols="5" rows="5" id="i21"></textarea> <span class="false">FAIL</span>
+ <textarea cols="5" rows="5" id="i22" disabled="disabled"></textarea> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ button:
+ <button>bogus</button> <span class="true">FAIL</span>
+ <button disabled="disabled">bogus</button> <span class="false">FAIL</span>
+ <button id="i23">bogus</button> <span class="false">FAIL</span>
+ <button id="i24" disabled="disabled">bogus</button> <span class="true">FAIL</span>
+ </div>
+
+ <div>
+ select:
+ <select class="hideme"><option>bogus</option></select> <span class="true">FAIL</span>
+ <select class="hideme" disabled="disabled"><option>bogus</option></select> <span class="false">FAIL</span>
+ <select class="hideme" id="i25"><option>bogus</option></select> <span class="false">FAIL</span>
+ <select class="hideme" id="i26" disabled="disabled"><option>bogus</option></select> <span class="true">FAIL</span>
+
+ </div>
+
+ <div>
+ option:
+ <select size="4">
+ <option class="true">FAIL</option>
+ <option class="false" disabled="disabled">FAIL</option>
+ <option class="false" id="i27">FAIL</option>
+ <option class="true" id="i28" disabled="disabled">FAIL</option>
+ </select>
+ </div>
+
+ <div>
+ optgroup:
+ <select size="4">
+ <optgroup class="true" label="FAIL">
+ <option class="hideme">bogus</option>
+ </optgroup>
+ <optgroup class="false" disabled="disabled" label="FAIL">
+ <option class="hideme">bogus</option>
+ </optgroup>
+ <optgroup class="false" id="i29" label="FAIL">
+ <option class="hideme">bogus</option>
+ </optgroup>
+ <optgroup class="true" disabled="disabled" id="i30" label="FAIL">
+ <option class="hideme">bogus</option>
+ </optgroup>
+ </select>
+ </div>
+
+ </form>
+
+ </body>
+</html>