Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(67)

Unified Diff: LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt

Issue 14096013: Implement select element list box with shadow DOM. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@shadowselect
Patch Set: Created 7 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt
diff --git a/LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt b/LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt
index 06698d685186d8ab1038514a9c6fa26b2fa87a7d..6780ced95c0d373f8d4741b237050ed318d1d168 100644
--- a/LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt
+++ b/LayoutTests/platform/chromium-linux/fast/forms/listbox-bidi-align-expected.txt
@@ -1,74 +1,274 @@
-layer at (0,0) size 802x586
+layer at (0,0) size 802x592
RenderView at (0,0) size 800x585
-layer at (0,0) size 800x586
- RenderBlock {HTML} at (0,0) size 800x586
- RenderBody {BODY} at (8,8) size 784x570
+layer at (0,0) size 800x592
+ RenderBlock {HTML} at (0,0) size 800x592
+ RenderBody {BODY} at (8,8) size 784x576
RenderBlock (anonymous) at (0,0) size 784x40
RenderText {#text} at (0,0) size 556x19
text run at (0,0) width 556: "This test verifies the visual alignment of items in a select element while changing text direction."
RenderBR {BR} at (556,0) size 0x19
RenderText {#text} at (0,20) size 398x19
text run at (0,20) width 398: "All the items in the following select elements should be left-aligned."
- RenderTable {TABLE} at (0,40) size 710x156
- RenderTableSection {TBODY} at (0,0) size 710x156
- RenderTableRow {TR} at (0,2) size 710x75
- RenderTableCell {TD} at (2,2) size 172x75 [r=0 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (176,2) size 178x75 [r=0 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (356,2) size 172x75 [r=0 c=2 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (530,2) size 178x75 [r=0 c=3 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableRow {TR} at (0,79) size 710x75
- RenderTableCell {TD} at (2,79) size 172x75 [r=1 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (176,79) size 178x75 [r=1 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderBlock (anonymous) at (0,196) size 784x20
+ RenderTable {TABLE} at (0,40) size 710x158
+ RenderTableSection {TBODY} at (0,0) size 710x158
+ RenderTableRow {TR} at (0,2) size 710x76
+ RenderTableCell {TD} at (2,2) size 172x76 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (176,2) size 178x76 [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (356,2) size 172x76 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (530,2) size 178x76 [r=0 c=3 rs=1 cs=1]
+ RenderTableRow {TR} at (0,80) size 710x76
+ RenderTableCell {TD} at (2,80) size 172x76 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (176,80) size 178x76 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (0,198) size 784x20
RenderText {#text} at (0,0) size 406x19
text run at (0,0) width 406: "All the items in the following select elements should be right-aligned."
- RenderTable {TABLE} at (0,216) size 700x156
- RenderTableSection {TBODY} at (0,0) size 700x156
- RenderTableRow {TR} at (0,2) size 700x75
- RenderTableCell {TD} at (2,2) size 180x75 [r=0 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (184,2) size 165x75 [r=0 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (351,2) size 180x75 [r=0 c=2 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (533,2) size 165x75 [r=0 c=3 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableRow {TR} at (0,79) size 700x75
- RenderTableCell {TD} at (2,79) size 180x75 [r=1 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (184,79) size 165x75 [r=1 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderBlock (anonymous) at (0,372) size 784x20
+ RenderTable {TABLE} at (0,218) size 700x158
+ RenderTableSection {TBODY} at (0,0) size 700x158
+ RenderTableRow {TR} at (0,2) size 700x76
+ RenderTableCell {TD} at (2,2) size 180x76 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (184,2) size 165x76 [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (351,2) size 180x76 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (533,2) size 165x76 [r=0 c=3 rs=1 cs=1]
+ RenderTableRow {TR} at (0,80) size 700x76
+ RenderTableCell {TD} at (2,80) size 180x76 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (184,80) size 165x76 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (0,376) size 784x20
RenderText {#text} at (0,0) size 417x19
text run at (0,0) width 417: "All the items in the following select elements should be center-aligned."
- RenderTable {TABLE} at (0,392) size 744x79
- RenderTableSection {TBODY} at (0,0) size 744x79
- RenderTableRow {TR} at (0,2) size 744x75
- RenderTableCell {TD} at (2,2) size 191x75 [r=0 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 185x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (195,2) size 176x75 [r=0 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 170x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (373,2) size 191x75 [r=0 c=2 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 185x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (566,2) size 176x75 [r=0 c=3 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 170x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderBlock (anonymous) at (0,471) size 784x20
+ RenderTable {TABLE} at (0,396) size 744x80
+ RenderTableSection {TBODY} at (0,0) size 744x80
+ RenderTableRow {TR} at (0,2) size 744x76
+ RenderTableCell {TD} at (2,2) size 191x76 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (195,2) size 176x76 [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (373,2) size 191x76 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (566,2) size 176x76 [r=0 c=3 rs=1 cs=1]
+ RenderBlock (anonymous) at (0,476) size 784x20
RenderText {#text} at (0,0) size 270x19
text run at (0,0) width 270: "The following tables check mixed alignments."
- RenderTable {TABLE} at (0,491) size 794x79
- RenderTableSection {TBODY} at (0,0) size 794x79
- RenderTableRow {TR} at (0,2) size 794x75
- RenderTableCell {TD} at (2,2) size 185x75 [r=0 c=0 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 179x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (189,2) size 185x75 [r=0 c=1 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 179x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (376,2) size 207x75 [r=0 c=2 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 201x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
- RenderTableCell {TD} at (585,2) size 207x75 [r=0 c=3 rs=1 cs=1]
- RenderListBox {SELECT} at (3,3) size 201x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderTable {TABLE} at (0,496) size 794x80
+ RenderTableSection {TBODY} at (0,0) size 794x80
+ RenderTableRow {TR} at (0,2) size 794x76
+ RenderTableCell {TD} at (2,2) size 185x76 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (189,2) size 185x76 [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (376,2) size 207x76 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (585,2) size 207x76 [r=0 c=3 rs=1 cs=1]
+layer at (13,53) size 166x69 clip at (14,54) size 149x67
+ RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 149x17
+ RenderText {#text} at (2,0) size 129x16
+ text run at (2,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (1,18) size 149x17
+ RenderText {#text} at (2,0) size 145x16
+ text run at (2,0) width 145: "It needs to be left aligned"
+ RenderBlock {OPTION} at (1,35) size 149x16
+ RenderText {#text} at (2,0) size 93x16
+ text run at (2,0) width 93: "Some more text"
+layer at (187,53) size 172x69 clip at (188,54) size 155x67
+ RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 155x17
+ RenderText {#text} at (2,0) size 90x16
+ text run at (2,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (1,18) size 155x17
+ RenderText {#text} at (2,0) size 151x16
+ text run at (2,0) width 151 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5E9}\x{5DE}\x{5D0}\x{5DC}"
+ RenderBlock {OPTION} at (1,35) size 155x16
+ RenderText {#text} at (2,0) size 82x16
+ text run at (2,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (367,53) size 166x69 clip at (383,54) size 149x67
+ RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 149x17
+ RenderText {#text} at (2,0) size 129x16
+ text run at (2,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (16,18) size 149x17
+ RenderText {#text} at (2,0) size 145x16
+ text run at (2,0) width 145: "It needs to be left aligned"
+ RenderBlock {OPTION} at (16,35) size 149x16
+ RenderText {#text} at (2,0) size 93x16
+ text run at (2,0) width 93: "Some more text"
+layer at (541,53) size 172x69 clip at (557,54) size 155x67
+ RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 155x17
+ RenderText {#text} at (2,0) size 90x16
+ text run at (2,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (16,18) size 155x17
+ RenderText {#text} at (2,0) size 151x16
+ text run at (2,0) width 151 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5E9}\x{5DE}\x{5D0}\x{5DC}"
+ RenderBlock {OPTION} at (16,35) size 155x16
+ RenderText {#text} at (2,0) size 82x16
+ text run at (2,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (13,131) size 166x69 clip at (14,132) size 149x67
+ RenderListBox {SELECT} at (3,3) size 166x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 149x17
+ RenderText {#text} at (2,0) size 129x16
+ text run at (2,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (1,18) size 149x17
+ RenderText {#text} at (2,0) size 145x16
+ text run at (2,0) width 145: "It needs to be left aligned"
+ RenderBlock {OPTION} at (1,35) size 149x16
+ RenderText {#text} at (2,0) size 93x16
+ text run at (2,0) width 93: "Some more text"
+layer at (187,131) size 172x69 clip at (188,132) size 155x67
+ RenderListBox {SELECT} at (3,3) size 172x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 155x17
+ RenderText {#text} at (2,0) size 90x16
+ text run at (2,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (1,18) size 155x17
+ RenderText {#text} at (2,0) size 151x16
+ text run at (2,0) width 151 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5E9}\x{5DE}\x{5D0}\x{5DC}"
+ RenderBlock {OPTION} at (1,35) size 155x16
+ RenderText {#text} at (2,0) size 82x16
+ text run at (2,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (13,231) size 174x69 clip at (29,232) size 157x67
+ RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 157x17
+ RenderText {#text} at (26,0) size 129x16
+ text run at (26,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (16,18) size 157x17
+ RenderText {#text} at (2,0) size 153x16
+ text run at (2,0) width 153: "It needs to be right aligned"
+ RenderBlock {OPTION} at (16,35) size 157x16
+ RenderText {#text} at (62,0) size 93x16
+ text run at (62,0) width 93: "Some more text"
+layer at (195,231) size 159x69 clip at (211,232) size 142x67
+ RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 142x17
+ RenderText {#text} at (50,0) size 90x16
+ text run at (50,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (16,18) size 142x17
+ RenderText {#text} at (2,0) size 138x16
+ text run at (2,0) width 138 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D9}\x{5DE}\x{5D9}\x{5DF}"
+ RenderBlock {OPTION} at (16,35) size 142x16
+ RenderText {#text} at (58,0) size 82x16
+ text run at (58,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (362,231) size 174x69 clip at (378,232) size 157x67
+ RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 157x17
+ RenderText {#text} at (26,0) size 129x16
+ text run at (26,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (16,18) size 157x17
+ RenderText {#text} at (2,0) size 153x16
+ text run at (2,0) width 153: "It needs to be right aligned"
+ RenderBlock {OPTION} at (16,35) size 157x16
+ RenderText {#text} at (62,0) size 93x16
+ text run at (62,0) width 93: "Some more text"
+layer at (544,231) size 159x69 clip at (560,232) size 142x67
+ RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 142x17
+ RenderText {#text} at (50,0) size 90x16
+ text run at (50,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (16,18) size 142x17
+ RenderText {#text} at (2,0) size 138x16
+ text run at (2,0) width 138 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D9}\x{5DE}\x{5D9}\x{5DF}"
+ RenderBlock {OPTION} at (16,35) size 142x16
+ RenderText {#text} at (58,0) size 82x16
+ text run at (58,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (13,309) size 174x69 clip at (14,310) size 157x67
+ RenderListBox {SELECT} at (3,3) size 174x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 157x17
+ RenderText {#text} at (26,0) size 129x16
+ text run at (26,0) width 129: "This is an English text"
+ RenderBlock {OPTION} at (1,18) size 157x17
+ RenderText {#text} at (2,0) size 153x16
+ text run at (2,0) width 153: "It needs to be right aligned"
+ RenderBlock {OPTION} at (1,35) size 157x16
+ RenderText {#text} at (62,0) size 93x16
+ text run at (62,0) width 93: "Some more text"
+layer at (195,309) size 159x69 clip at (196,310) size 142x67
+ RenderListBox {SELECT} at (3,3) size 159x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 142x17
+ RenderText {#text} at (50,0) size 90x16
+ text run at (50,0) width 90 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (1,18) size 142x17
+ RenderText {#text} at (2,0) size 138x16
+ text run at (2,0) width 138 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D9}\x{5DE}\x{5D9}\x{5DF}"
+ RenderBlock {OPTION} at (1,35) size 142x16
+ RenderText {#text} at (58,0) size 82x16
+ text run at (58,0) width 82 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (13,409) size 185x69 clip at (29,410) size 168x67
+ RenderListBox {SELECT} at (3,3) size 185x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 168x17
+ RenderText {#text} at (19,0) size 130x16
+ text run at (19,0) width 130: "This is an English text"
+ RenderBlock {OPTION} at (16,18) size 168x17
+ RenderText {#text} at (2,0) size 164x16
+ text run at (2,0) width 164: "It needs to be center aligned"
+ RenderBlock {OPTION} at (16,35) size 168x16
+ RenderText {#text} at (37,0) size 94x16
+ text run at (37,0) width 94: "Some more text"
+layer at (206,409) size 170x69 clip at (222,410) size 153x67
+ RenderListBox {SELECT} at (3,3) size 170x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 153x17
+ RenderText {#text} at (31,0) size 91x16
+ text run at (31,0) width 91 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (16,18) size 153x17
+ RenderText {#text} at (2,0) size 149x16
+ text run at (2,0) width 149 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D0}\x{5DE}\x{5E6}\x{5E2}"
+ RenderBlock {OPTION} at (16,35) size 153x16
+ RenderText {#text} at (35,0) size 83x16
+ text run at (35,0) width 83 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (384,409) size 185x69 clip at (385,410) size 168x67
+ RenderListBox {SELECT} at (3,3) size 185x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 168x17
+ RenderText {#text} at (19,0) size 130x16
+ text run at (19,0) width 130: "This is an English text"
+ RenderBlock {OPTION} at (1,18) size 168x17
+ RenderText {#text} at (2,0) size 164x16
+ text run at (2,0) width 164: "It needs to be center aligned"
+ RenderBlock {OPTION} at (1,35) size 168x16
+ RenderText {#text} at (37,0) size 94x16
+ text run at (37,0) width 94: "Some more text"
+layer at (577,409) size 170x69 clip at (578,410) size 153x67
+ RenderListBox {SELECT} at (3,3) size 170x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 153x17
+ RenderText {#text} at (31,0) size 91x16
+ text run at (31,0) width 91 RTL: "\x{5D6}\x{5D4} \x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D1}\x{5E2}\x{5D1}\x{5E8}\x{5D9}\x{5EA}"
+ RenderBlock {OPTION} at (1,18) size 153x17
+ RenderText {#text} at (2,0) size 149x16
+ text run at (2,0) width 149 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D0}\x{5DE}\x{5E6}\x{5E2}"
+ RenderBlock {OPTION} at (1,35) size 153x16
+ RenderText {#text} at (35,0) size 83x16
+ text run at (35,0) width 83 RTL: "\x{5D9}\x{5E9}\x{5E8}\x{5D0}\x{5DC} \x{5DE}\x{5EA}\x{5D9}\x{5D9}\x{5D1}\x{5E9}\x{5EA}"
+layer at (13,509) size 179x69 clip at (29,510) size 162x67
+ RenderListBox {SELECT} at (3,3) size 179x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 162x17
+ RenderText {#text} at (2,0) size 158x16
+ text run at (2,0) width 158: "This should be right aligned"
+ RenderBlock {OPTION} at (16,18) size 162x17
+ RenderText {#text} at (2,0) size 150x16
+ text run at (2,0) width 150: "This should be left aligned"
+ RenderBlock {OPTION} at (16,35) size 162x16
+ RenderText {#text} at (39,0) size 84x16
+ text run at (39,0) width 84: "Center aligned"
+layer at (200,509) size 179x69 clip at (201,510) size 162x67
+ RenderListBox {SELECT} at (3,3) size 179x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 162x17
+ RenderText {#text} at (2,0) size 150x16
+ text run at (2,0) width 150: "This should be left aligned"
+ RenderBlock {OPTION} at (1,18) size 162x17
+ RenderText {#text} at (2,0) size 158x16
+ text run at (2,0) width 158: "This should be right aligned"
+ RenderBlock {OPTION} at (1,35) size 162x16
+ RenderText {#text} at (39,0) size 84x16
+ text run at (39,0) width 84: "Center aligned"
+layer at (387,509) size 201x69 clip at (403,510) size 184x67
+ RenderListBox {SELECT} at (3,3) size 201x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (16,1) size 184x17
+ RenderText {#text} at (15,0) size 167x16
+ text run at (15,0) width 167 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D6}\x{5D4} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D9}\x{5DE}\x{5D9}\x{5DF}"
+ RenderBlock {OPTION} at (16,18) size 184x17
+ RenderText {#text} at (2,0) size 180x16
+ text run at (2,0) width 180 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D6}\x{5D4} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5E9}\x{5DE}\x{5D0}\x{5DC}"
+ RenderBlock {OPTION} at (16,35) size 184x16
+ RenderText {#text} at (56,0) size 72x16
+ text run at (56,0) width 72 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5DE}\x{5DE}\x{5D5}\x{5E8}\x{5DB}\x{5D6}"
+layer at (596,509) size 201x69 clip at (597,510) size 184x67
+ RenderListBox {SELECT} at (3,3) size 201x69 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
+ RenderBlock {OPTION} at (1,1) size 184x17
+ RenderText {#text} at (2,0) size 180x16
+ text run at (2,0) width 180 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D6}\x{5D4} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5E9}\x{5DE}\x{5D0}\x{5DC}"
+ RenderBlock {OPTION} at (1,18) size 184x17
+ RenderText {#text} at (15,0) size 167x16
+ text run at (15,0) width 167 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5D6}\x{5D4} \x{5E6}\x{5E8}\x{5D9}\x{5DA} \x{5DC}\x{5D4}\x{5D9}\x{5D5}\x{5EA} \x{5DE}\x{5D9}\x{5D5}\x{5E9}\x{5E8} \x{5DC}\x{5D9}\x{5DE}\x{5D9}\x{5DF}"
+ RenderBlock {OPTION} at (1,35) size 184x16
+ RenderText {#text} at (56,0) size 72x16
+ text run at (56,0) width 72 RTL: "\x{5D8}\x{5E7}\x{5E1}\x{5D8} \x{5DE}\x{5DE}\x{5D5}\x{5E8}\x{5DB}\x{5D6}"

Powered by Google App Engine
This is Rietveld 408576698