Hover over Glossary term adds text to base of page

[garretthyder]

Hello,

Minor bug I came across when you hover over a Glossary term the tooltip appears but also at the base of the page some text gets injected;

(find the verbcolour as the base of the screenshot)

Inspecting that section here's the HTML that string comes from;

• verbcolour

This only happens when you hover so must be a JS issue, from looking at the code it looks like that's tooltip template HTML, so maybe the .ui-helper-hidden-accessible class should have a display none on it??

Cheers
P.S. Here's the string I was looking at when it occurred;
https://translate.wordpress.org/projects/wp-plugins/the-events-calendar/stable/en-ca/default?filters%5Bstatus%5D=either&filters%5Boriginal_id%5D=3887469&filters%5Btranslation_id%5D=48304327
P.P.S. I made sure to disable GlotDict to check the issue was actually GlotPress and not GlotDict

[toolstack]

Confirmed, I've replicated this on my development install.

[toolstack]

It's a bug in jQuery UI, version 1.10.4 works fine, both 1.11.4 and 1.12.4 exhibit this behaviour.

[garretthyder]

Thanks @toolstack I guess a proper fix will come once jQuery UI resolves the issue. For now I found on forums it's suggested to just do a display none on the .ui-helper-hidden-accessible class.

[toolstack]

Could you provide the link to the work around?

[garretthyder]

Here @toolstack two mentions;
https://stackoverflow.com/a/15894428
https://stackoverflow.com/a/12883114