<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Double background images when temporarily inserting block-level content in a span"
href="https://bugs.webkit.org/show_bug.cgi?id=159703">159703</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Double background images when temporarily inserting block-level content in a span
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Layout and Rendering
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>peter.krautzberger@mathjax.org
</td>
</tr>
<tr>
<th>CC</th>
<td>simon.fraser@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Example URL: <a href="http://codepen.io/pkra/pen/mEqwAz">http://codepen.io/pkra/pen/mEqwAz</a>
Steps to reproduce the problem:
1. Create a span and give it a background-image
2. inject an hr and trigger reflow (reflow is important)
3. remove the hr
4. notice that the duplicate background persist.
What is the expected behavior?
The background image should not be duplicated.
What went wrong?
The background image was duplicated.
Does it occur on multiple sites: Yes
Is it a problem with a plugin? No
Did this work before? No
This does not happen on Firefox or IE9+/Edge but also affects WebKit 2.10.9 and Chrome, cf. <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=627736">https://bugs.chromium.org/p/chromium/issues/detail?id=627736</a>.
Thanks in advance for looking into it!</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>