layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x567
  LayoutBlockFlow {HTML} at (0,0) size 800x567
    LayoutBlockFlow {BODY} at (8,16) size 784x543
      LayoutBlockFlow {P} at (0,0) size 784x40
        LayoutText {#text} at (0,0) size 755x39
          text run at (0,0) width 755: "This tests that bidirectional text is correctly rendered in popup controls. The order of the text below each popup button should"
          text run at (0,20) width 520: "match the order of the select's option text, and the order of the text in the popup menu."
      LayoutBlockFlow {DL} at (0,56) size 784x180
        LayoutBlockFlow {DT} at (0,0) size 784x20
          LayoutText {#text} at (0,0) size 262x19
            text run at (0,0) width 262: "1) direction: rtl; -webkit-rtl-ordering: logical"
        LayoutBlockFlow {DD} at (40,20) size 744x40
          LayoutBlockFlow (anonymous) at (0,0) size 744x20
            LayoutMenuList {SELECT} at (0,0) size 100x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
              LayoutBlockFlow (anonymous) at (1,1) (-6,1) size 98x18 105x18
                LayoutText (anonymous) at (31,1) (38,1) size 63x16
                  text run at (31,1) (38,1) width 42 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
                  text run at (73,1) (80,1) width 21: "abc"
            LayoutText {#text} at (0,0) size 0x0
          LayoutBlockFlow {DIV} at (0,20) size 100x20
            LayoutText {#text} at (31,0) size 69x19
              text run at (31,0) width 47 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
              text run at (78,0) width 22: "abc"
        LayoutBlockFlow {DT} at (0,60) size 784x20
          LayoutText {#text} at (0,0) size 105x19
            text run at (0,0) width 105: "2) text-align: right"
        LayoutBlockFlow {DD} at (40,80) size 744x40
          LayoutBlockFlow (anonymous) at (0,0) size 744x20
            LayoutMenuList {SELECT} at (0,0) size 200x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
              LayoutBlockFlow (anonymous) at (1,1) size 198x18
                LayoutText (anonymous) at (4,1) size 63x16
                  text run at (4,1) width 21: "abc"
                  text run at (25,1) width 42 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
            LayoutText {#text} at (0,0) size 0x0
          LayoutBlockFlow {DIV} at (0,20) size 200x20
            LayoutText {#text} at (0,0) size 69x19
              text run at (0,0) width 22: "abc"
              text run at (22,0) width 47 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
        LayoutBlockFlow {DT} at (0,120) size 784x20
          LayoutText {#text} at (0,0) size 68x19
            text run at (0,0) width 68: "3) No style"
        LayoutBlockFlow {DD} at (40,140) size 744x40
          LayoutBlockFlow (anonymous) at (0,0) size 744x20
            LayoutMenuList {SELECT} at (0,0) size 100x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
              LayoutBlockFlow (anonymous) at (1,1) size 98x18 105x18
                LayoutText (anonymous) at (4,1) size 63x16
                  text run at (4,1) width 21: "abc"
                  text run at (25,1) width 42 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
            LayoutText {#text} at (0,0) size 0x0
          LayoutBlockFlow {DIV} at (0,20) size 100x20
            LayoutText {#text} at (0,0) size 69x19
              text run at (0,0) width 22: "abc"
              text run at (22,0) width 47 RTL: "\x{5D0}\x{5E4}\x{5E8}\x{5E1}\x{5DE}\x{5D5}\x{5DF}"
      LayoutBlockFlow {HR} at (0,252) size 784x2 [border: (1px inset #EEEEEE)]
      LayoutBlockFlow {DIV} at (0,262) size 784x59
        LayoutBlockFlow (anonymous) at (0,0) size 784x20
          LayoutText {#text} at (0,0) size 587x19
            text run at (0,0) width 587: "The following line and the SELECT element should have same text, and no characters are lacking."
        LayoutBlockFlow {DIV} at (0,20) size 784x19
          LayoutText {#text} at (0,0) size 108x18
            text run at (0,0) width 108 RTL: "\x{627}\x{644}\x{627}\x{642}\x{62A}\x{631}\x{627}\x{62D}\x{627}\x{62A} / \x{627}\x{644}\x{634}\x{643}\x{627}\x{648}\x{64A}"
        LayoutBlockFlow (anonymous) at (0,39) size 784x20
          LayoutMenuList {SELECT} at (0,0) size 115x20 198x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
            LayoutBlockFlow (anonymous) at (1,1) size 113x18 196x18
              LayoutText (anonymous) at (4,1) size 82x16
                text run at (4,1) width 82 RTL: "\x{627}\x{644}\x{627}\x{642}\x{62A}\x{631}\x{627}\x{62D}\x{627}\x{62A} / \x{627}\x{644}\x{634}\x{643}\x{627}\x{648}\x{64A}"
          LayoutText {#text} at (0,0) size 0x0
      LayoutBlockFlow {HR} at (0,329) size 784x2 [border: (1px inset #EEEEEE)]
      LayoutBlockFlow {P} at (0,347) size 784x20
        LayoutText {#text} at (0,0) size 659x19
          text run at (0,0) width 659: "Verify that the alignment and writing direction of each selected item matches the one below the pop-up button."
layer at (8,399) size 784x160
  LayoutBlockFlow {DIV} at (0,383) size 784x160
    LayoutMultiColumnSet (anonymous) at (0,0) size 784x160
layer at (8,399) size 384x320 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
  LayoutMultiColumnFlowThread (anonymous) at (0,0) size 384x320
    LayoutBlockFlow {DIV} at (0,0) size 384x160
      LayoutMenuList {SELECT} at (0,0) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (4,1) size 170x18
            text run at (4,1) width 35: "First "
            text run at (39,1) width 50 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA}"
            text run at (89,1) width 18: "03"
            text run at (107,1) width 39 RTL: "\x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
            text run at (146,1) width 28: " fifth"
      LayoutBlockFlow {DIV} at (0,22) size 352x18
        LayoutText {#text} at (1,1) size 130x15
          text run at (1,1) width 27: "First "
          text run at (28,1) width 38 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA}"
          text run at (66,1) width 12: "03"
          text run at (78,1) width 28 RTL: "\x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
          text run at (106,1) width 25: " fifth"
      LayoutMenuList {SELECT} at (0,40) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (4,1) size 170x18
            text run at (4,1) width 24: "fifth"
            text run at (28,1) width 54 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} "
            text run at (82,1) width 18: "03"
            text run at (100,1) width 43 RTL: " \x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
            text run at (143,1) width 31: "First"
      LayoutBlockFlow {DIV} at (0,62) size 352x18
        LayoutText {#text} at (1,1) size 130x15
          text run at (1,1) width 22: "fifth"
          text run at (23,1) width 41 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} "
          text run at (64,1) width 12: "03"
          text run at (76,1) width 31 RTL: " \x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
          text run at (107,1) width 24: "First"
      LayoutMenuList {SELECT} at (0,80) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (4,1) size 170x18
            text run at (4,1) width 170 LTR override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutBlockFlow {DIV} at (0,102) size 352x18
        LayoutText {#text} at (1,1) size 130x15
          text run at (1,1) width 130 LTR override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutMenuList {SELECT} at (0,120) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (4,1) size 170x18
            text run at (4,1) width 170 RTL override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutBlockFlow {DIV} at (0,142) size 352x18
        LayoutText {#text} at (1,1) size 130x15
          text run at (1,1) width 130 RTL override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
    LayoutBlockFlow {DIV} at (0,160) size 384x160
      LayoutMenuList {SELECT} at (0,0) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (174,1) size 170x18
            text run at (174,1) width 35: "First "
            text run at (209,1) width 50 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA}"
            text run at (259,1) width 18: "03"
            text run at (277,1) width 39 RTL: "\x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
            text run at (316,1) width 28: " fifth"
      LayoutBlockFlow {DIV} at (0,22) size 352x18
        LayoutText {#text} at (221,1) size 130x15
          text run at (221,1) width 27: "First "
          text run at (248,1) width 38 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA}"
          text run at (286,1) width 12: "03"
          text run at (298,1) width 28 RTL: "\x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
          text run at (326,1) width 25: " fifth"
      LayoutMenuList {SELECT} at (0,40) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (174,1) size 170x18
            text run at (174,1) width 24: "fifth"
            text run at (198,1) width 54 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} "
            text run at (252,1) width 18: "03"
            text run at (270,1) width 43 RTL: " \x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
            text run at (313,1) width 31: "First"
      LayoutBlockFlow {DIV} at (0,62) size 352x18
        LayoutText {#text} at (221,1) size 130x15
          text run at (221,1) width 22: "fifth"
          text run at (243,1) width 41 RTL: ") \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} "
          text run at (284,1) width 12: "03"
          text run at (296,1) width 31 RTL: " \x{5E9}\x{5E0}\x{5D9}\x{5D4} ("
          text run at (327,1) width 24: "First"
      LayoutMenuList {SELECT} at (0,80) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (174,1) size 170x18
            text run at (174,1) width 170 LTR override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutBlockFlow {DIV} at (0,102) size 352x18
        LayoutText {#text} at (221,1) size 130x15
          text run at (221,1) width 130 LTR override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutMenuList {SELECT} at (0,120) size 350x22 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
        LayoutBlockFlow (anonymous) at (1,1) size 348x21
          LayoutText (anonymous) at (174,1) size 170x18
            text run at (174,1) width 170 RTL override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"
      LayoutBlockFlow {DIV} at (0,142) size 352x18
        LayoutText {#text} at (221,1) size 130x15
          text run at (221,1) width 130 RTL override: "First \x{5E9}\x{5E0}\x{5D9}\x{5D4} (03) \x{5E8}\x{5D1}\x{5D9}\x{5E2}\x{5D9}\x{5EA} fifth"