blob: b1709bf3a1df9235b9b1895c92f7454ad4255710 [file] [log] [blame]
<!DOCTYPE html>
table {
border-collapse: separate;
#cell {
width: 200px;
height: 24px;
border: 1px solid red;
vertical-align: baseline;
#input {
display: block;
width: 100%;
height: 100%;
border: none;
<script src="../../resources/run-after-layout-and-paint.js"></script>
if (window.testRunner)
runAfterLayoutAndPaint(function() {
var cell = document.getElementById('cell');
var input = document.getElementById('input');
// Baseline of the table cell will change when the input is set a text.
input.value = 'abc';
runAfterLayoutAndPaint(function() { = 'green';
runAfterLayoutAndPaint(function() {
if (window.testRunner)
Tests layout and painting of table cell after baseline and border changes.
<td id="cell">
<input id="input">