<!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 #1 for bug 1330962</title> <style type="text/css"> @font-face { src: url(../fonts/Ahem.ttf); font-family: Ahem; } html,body { color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0; } * { font:16px/1 Ahem; } .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 <img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D"> </div> B </div> <div> <div style="display:inline-block"> A <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D"> </div> B </div> <div> <div style="display:inline-block"> A <input class="block" type="text" value="text"> </div> B </div> <div> <div style="display:inline-block"> A <input class="block scroll" type="text" value="text"> </div> B </div> <div> <div style="display:inline-block"> A <input class="block" type="text"> </div> B </div> <div> <div style="display:inline-block"> A <input class="block no-theme" type="text" value="text"> </div> B </div> </body> </html>