summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/chrome/dialog_dialogfocus.xhtml
blob: bcd303b52f32613fd9ad1d4a24b608d4672af71b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml">
<dialog id="dialog-focus"
        buttons="extra2,accept,cancel">

<tabbox id="tabbox" hidden="true">
  <tabs>
    <tab id="tab" label="Tab"/>
  </tabs>
  <tabpanels>
    <tabpanel>
      <button id="tabbutton" label="Tab Button"/>
      <button id="tabbutton2" label="Tab Button 2"/>
    </tabpanel>
  </tabpanels>
</tabbox>

<html:input id="textbox-yes" value="textbox-yes" hidden="true"/>
<html:input id="textbox-no" value="textbox-no" noinitialfocus="true" hidden="true"/>
<button id="one" label="One"/>
<button id="two" label="Two" hidden="true"/>

<script>
if (window.arguments) {
  var step = window.arguments[0];
  switch (step) {
    case 2:
      document.getElementById("one").setAttribute("noinitialfocus", "true");
      break;
    case 3:
      document.getElementById("one").hidden = true;
      // no-fallthrough
    case 4:
      document.getElementById("tabbutton2").setAttribute("noinitialfocus", "true");
      // no-fallthrough
    case 5:
      document.getElementById("tabbutton").setAttribute("noinitialfocus", "true");
      // no-fallthrough
    case 6:
      document.getElementById("tabbox").hidden = false;
      break;
    case 7:
      window.addEventListener("load", function() {
        var two = document.getElementById("two");
        two.hidden = false;
        two.focus();
      });
      break;
    case 8:
      document.getElementById("textbox-yes").hidden = false;
      break;
    case 9:
      document.getElementById("textbox-no").hidden = false;
      break;
  }
}
</script>

</dialog>
</window>