diff options
| author | janekptacijarabaci <janekptacijarabaci@seznam.cz> | 2017-08-17 21:08:44 +0200 |
|---|---|---|
| committer | wolfbeast <mcwerewolf@gmail.com> | 2018-03-12 09:50:12 +0100 |
| commit | 092c61f6e68971a62822532e12dc45ba54c9a713 (patch) | |
| tree | b3e1aa03886aded4e908c834caf69bba13b507e7 /layout/reftests/forms/display-block-baselines-5.html | |
| parent | 76e1c016a32cb8cee6f5a0a0012fe512570da1eb (diff) | |
| download | UXP-092c61f6e68971a62822532e12dc45ba54c9a713.tar UXP-092c61f6e68971a62822532e12dc45ba54c9a713.tar.gz UXP-092c61f6e68971a62822532e12dc45ba54c9a713.tar.lz UXP-092c61f6e68971a62822532e12dc45ba54c9a713.tar.xz UXP-092c61f6e68971a62822532e12dc45ba54c9a713.zip | |
CSS: inline-block with a display:block <input> child element has a wrong baseline (HTML forms)
Diffstat (limited to 'layout/reftests/forms/display-block-baselines-5.html')
| -rw-r--r-- | layout/reftests/forms/display-block-baselines-5.html | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/layout/reftests/forms/display-block-baselines-5.html b/layout/reftests/forms/display-block-baselines-5.html new file mode 100644 index 000000000..0359c8a6f --- /dev/null +++ b/layout/reftests/forms/display-block-baselines-5.html @@ -0,0 +1,72 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>Testcase #5 for bug 1330962</title> + <style type="text/css"> +html,body { + color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; +} +* { font:16px/1 monospace; } + +.block { display: block; } +.grid { display: grid; } + +.no-theme { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + padding: 20px 0; + border: none; + background: white; +} + +.scroll { + overflow-y: scroll; +} + +.no-scroll { + overflow: visible; +} + + </style> +</head> +<body> + +<div> + <div style="display:inline-block"> + A + <input type="color" class="block"> + </div> + B +</div> + +<div> + <div style="display:inline-block"> + A + <input type="color" class="block no-theme"> + </div> + B +</div> + +<div> + <div style="display:inline-block"> + A + <select class="block"><option>select</select> + </div> + B +</div> + +<div> + <div style="display:inline-block"> + A + <select class="block no-theme"><option>select</select> + </div> + B +</div> + +</body> +</html> |