sprites followed by 'invisible-link' do not appear in WebKit browsers

[Brad Crittenden]

While fixing bug 595907, I discovered using the following code *sometimes* does not work in WebKit browsers (though works fine in Firefox):

 <a target="help" href="/+help/driver.html"
      class="sprite maybe"><span class="invisible-link">Driver help</span></a>

It works sometimes because the code shown above works fine in WebKit for the product index page. Similar code to display a pop-up help (?) icon for bug tags does not work.

The branch linked to the referenced bug demonstrates the problem.

[Curtis Hovey (sinzui)]

This is also the same issues as bug 399491, bug 434093, bug 520659. I beleive you are familar with two of them.

This is the zero-width problem. My fix to the formatters was to ensure there is always a space in the link.

ObjectImageDisplayAPI.boolean
    <span class="sprite %(icon)s">&nbsp;<span class="invisible-link">%(icon)s</span></span>

Note that we always want to place an &nbsp; before the invisible-link element, or in the anchor if it is being left empty.