diff options
Diffstat (limited to 'layout/reftests/details-summary/details-writing-mode.html')
| -rw-r--r-- | layout/reftests/details-summary/details-writing-mode.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/details-writing-mode.html b/layout/reftests/details-summary/details-writing-mode.html new file mode 100644 index 000000000..2a55651ef --- /dev/null +++ b/layout/reftests/details-summary/details-writing-mode.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<!-- Any copyright is dedicated to the Public Domain. + - http://creativecommons.org/publicdomain/zero/1.0/ --> + +<html> + <style> + body { + display: grid; + grid-template-rows: auto; + grid-template-columns: repeat(3, 150px); + } + summary::-moz-list-bullet { + /* Hide the triangle for comparing with div in reftest. */ + list-style-type: none; + } + details { + border: 1px solid lightblue; + } + </style> + <body> + <details open style="writing-mode: horizontal-tb; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + <details open style="writing-mode: vertical-rl; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + <details open style="writing-mode: vertical-lr; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + <details open style="writing-mode: horizontal-tb; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + <details open style="writing-mode: vertical-rl; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + <details open style="writing-mode: vertical-lr; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </details> + </body> +</html> |