diff options
Diffstat (limited to 'layout/reftests/details-summary/float-left-and-float-open-details.html')
| -rw-r--r-- | layout/reftests/details-summary/float-left-and-float-open-details.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/float-left-and-float-open-details.html b/layout/reftests/details-summary/float-left-and-float-open-details.html new file mode 100644 index 000000000..80e4d6a25 --- /dev/null +++ b/layout/reftests/details-summary/float-left-and-float-open-details.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<!-- Any copyright is dedicated to the Public Domain. + - http://creativecommons.org/publicdomain/zero/1.0/ --> + +<html> + <style> + body { + width: 400px; + } + div#float { + float: left; + width: 200px; + height: 200px; + background-color: lightgreen; + } + details { + float: left; + background-color: orange; + } + summary { + background-color: green; + /* Hide the triangle for comparing with div in reftest. */ + list-style-type: none; + } + </style> + <body> + <!-- This tall float block is necessary to reproduce the incorrect height of the details. --> + <div id="float"></div> + <details open> + <summary>Summary</summary> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id + est laborum. + </details> + </body> +</html> |