<!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 #2 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; color: black; text-align: start; } .scroll { overflow-y: scroll; } .no-scroll { overflow: visible; } </style> </head> <body> <div> <div style="display:inline-block"> A <input class="block" type="button" value="button"> </div> B </div> <div> <div style="display:inline-block"> A <button class="block">button</button> </div> B </div> <div> <div style="display:inline-block"> A <input class="block no-theme" type="button" value="button"> </div> B </div> <div> <div style="display:inline-block"> A <button class="block no-theme">button-first<div style="font-size:10px">button-last</div></button> </div> B <button class="no-theme">button-first<div style="font-size:10px">button-last</div></button> </div> <div> <div style="display:inline-block"> A <button class="grid no-theme">button-first<x style="font-size:10px">button-last</x></button> </div> B <button class="no-theme" style="display:inline-grid">button-first<x style="font-size:10px">button-last</x></button> </div> <div> <div style="display:inline-block"> A <input type="checkbox" class="block" checked> </div> B </div> <div> <div style="display:inline-block"> A <input type="radio" class="block" checked> </div> B </div> </body> </html>