Bug 44357
| Summary: | Checkboxes don't get repainted when appended to a div | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Eddie Monge <eddie> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | UNCONFIRMED | ||
| Severity: | Normal | CC: | eddie, paulirish |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.6 | ||
| URL: | http://jsfiddle.net/HsXLS/10/ | ||
Eddie Monge
Checkboxes don't get repainted when appended to a div with height set to greater than 16px. If the box is click/changed, and the action is to append it to another div, the first append doesnt register.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Eddie Monge
<html>
<head>
<style type="text/css">
#box1, #box2
{
border: 1px solid green;
height: 17px; /* only appears when height is greater than 16px, but height needs to be set to reproduce */
}
#box2
{
border-color: red;
}
</style>
</head>
<body>
<div id="box1">
<!-- reproducable with both onclick and onchange -->
<input type="checkbox" onclick="box2.appendChild(this);" />
<input type="checkbox" onclick="box2.appendChild(this);" />
<input type="checkbox" onclick="box2.appendChild(this);" />
</div>
<br/>
<div id="box2">
</div>
<script type="text/javascript">
window.box2 = document.getElementById('box2');
</script>
</body>
</html>