Showing tooltip removes space between trigger <span>s

Created by: ricardopolo

In some code that is inside an HTML table if you have two spans with tooltips separated with an space, after the tooltip is shown in the first word the space is lost.

In this example John Doe, after show the tooltip in John you see JohnDoe.

This is javascript that we use for tooltips

$('.signtul-keyword').tooltip({ 'placement': 'bottom'})

This is the HTML

<table>

<tbody>

<tr>

<td style="width: 256.4pt; padding: 3.75pt 0cm 3.75pt 7.5pt; height: 1pt;" width="513">
<p style="margin: 0cm 0cm 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;">
<span style="font-size: 10.5pt; font-family: 'Segoe UI', sans-serif; color: #006196;">
<span title="First Name" class="signtul-keyword">John</span> <span title="Last Name" class="signtul-keyword">Doe</span>
</span>
</p>

</td>

</tr>

</tbody>

</table>

This is the Css

.signtul-keyword:hover {
    background-color: #cccccc;
}

You might think why we have that complicated HTML but this is not in our control. This is a field the user can change so we should expected code disorder like this. Any idea about why the Tooltip does not work in this HTML and how can we fix it?