Tooltip: Native tooltip is displayed for disabled tooltipped element

[drew.waddell]

Example: ​http://jsfiddle.net/dwaddell/p5j69/

Seems to be an issue in all major browsers.

[Jörn Zaefferer]

A disabled button doesn't trigger any JavaScript events, therefore we can't remove the title attribute when hovering the disabled button. There's no way to fix this within the tooltip widget.

Simple workaround: Disable the tooltip widget. See ​http://jsfiddle.net/E7Sza/

[drew.waddell]

I see no difference in the code from my example and your workaround, did you forget to set the base after forking my jsfiddle?

But basically you are saying every time you set the enablibilty of an element that is tooltipped you are also going to have to set the enablitiy of the tooltip?

[Scott González]

Read Jörn's comment again. Disabled elements don't trigger events. It is impossible for us to implement any behavior at all.

[drew.waddell]

Ah, I gotcha, one last question, sorry for piling on this ticket.

I assume Jörn did this which works: "$('#First').button('disable').tooltip('disable');" (​http://jsfiddle.net/dwaddell/E7Sza/2/). Why doesn't "}).tooltip({disabled :true});" work (​http://jsfiddle.net/dwaddell/E7Sza/1/)?

Thanks for all you guys do, you and Jörn are amazing at this stuff, Drew

[Jörn Zaefferer]

Sorry, meant to post this: ​http://jsfiddle.net/E7Sza/3/ - what you figured out already.

[Scott González]

Drew: The problem is that initializing a tooltip as disabled isn't working properly. I filed a separate ticket for that: #8712