WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#30425 closed defect (bug) (invalid)

jQuery UI Tooltip - additional instance, ghost text

Reported by: AITpro Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.0
Component: External Libraries Keywords:
Focuses: ui, javascript Cc:

Description

For lack of the exact technical wording to describe the issue I am using "additional instance and ghost text" here. Also I am not sure if the behaviour is intentional/intended or not. To make things simple I have created this simple plugin here: http://www.ait-pro.com/x333/wpb-comment-tooltips.zip that can be downloaded and installed using the WP Upload Zip installer. This plugin is assembled based on this WP Beginner tutorial just to make seeing this issue simple and so you do not have to put the plugin together yourself.

Issue is best viewed using the WordPress 2014 Theme. Visit any comment form to trigger the tooltip. Scroll down in your Browser and check the bottom left corner of the Browser window.

Description: In WP 4.0 and 4.0.1 when using the Comment Tooltip plugin above you will see the Browser jump up a bit, but no "Title" text is displayed in the very left bottom corner of the Browser. In WordPress 4.1 Beta1 you will see the "Title" text displayed in the very left bottom corner of the Browser.

I have isolated the issue to this file/code by eliminating all other jQuery files involved in tooltips:

WP 4.0/4.0.1: /wp-includes/js/jquery/ui/jquery.ui.tooltip.min.js
WP 4.1 Beta1: /wp-includes/js/jquery/ui/tooltip.min.js

I have only tested frontend calls to tooltip and do not know if this same issue is occurring in the backend. This same issue is occurring in a tootip feature in another plugin so it is not an individual plugin issue. If I have some spare time I will break down the toolip.min.js code to see exactly which code is causing the "additional instance / ghost text".

Change History (2)

#1 @AITpro
6 years ago

  • Resolution set to invalid
  • Status changed from new to closed

ARGH disregard. I can't believe I missed this very common known issue. appendTo is adding another div and just using

.ui-helper-hidden-accessible{display:none;}

CSS hides the appended additional text from the body.


_create:function(){
		this._on({mouseover:"open",focusin:"open"}),
		this.tooltips={},
		this.parents={},
		this.options.disabled&&this._disable(),
		this.liveRegion=a("<div>").attr({
		role:"log","aria-live":"assertive","aria-relevant":"additions"}).addClass("ui-helper-hidden-accessible").appendTo(this.document[0].body)},

#2 @ocean90
6 years ago

  • Milestone Awaiting Review deleted
Note: See TracTickets for help on using tickets.