when another tooltip trigger is clicked, only close the previous tooltip if it does not contain the trigger. slc ref #9801

Author: reinhardt

bower.json

@@ -16,7 +16,7 @@
     "AnythingSlider": "1.8.17",
     "chosen": "0.9.11",
     "jquery-form": "3.46.0",
-    "fullcalendar": "http://arshaw.com/fullcalendar/downloads/fullcalendar-2.0.0.zip",
+    "fullcalendar": "https://github.com/arshaw/fullcalendar/releases/download/v2.0.0/fullcalendar-2.0.0.zip",
     "jquery-placeholder": "2.0.7",
     "prefixfree": "",
     "select2": "3.4.3",

src/pat/tooltip.js

@@ -213,12 +213,15 @@ define([
             var $trigger = event.data,
                 $container = tooltip.getContainer($trigger),
                 namespace = $container.attr("id");
-            $container.css("visibility", "hidden");
-            $container.parents().add(window).off("." + namespace);
-            tooltip.removeHideEvents($trigger);
-            tooltip.setupShowEvents($trigger);
-            $trigger.removeClass("active").addClass("inactive");
-            $trigger.trigger("pat-update", {pattern: "tooltip", hidden: true});
+            // when another tooltip trigger is clicked, only close the previous tooltip if it does not contain the trigger
+            if (event.type !== "pat-tooltip-click" || $container.has(event.target).length <= 0) {
+                $container.css("visibility", "hidden");
+                $container.parents().add(window).off("." + namespace);
+                tooltip.removeHideEvents($trigger);
+                tooltip.setupShowEvents($trigger);
+                $trigger.removeClass("active").addClass("inactive");
+                $trigger.trigger("pat-update", {pattern: "tooltip", hidden: true});
+            }
         },
 
         onDestroy: function(event) {

tests/specs/pat/tooltip.js

@@ -252,6 +252,43 @@ define(["pat-tooltip", "pat-inject"], function(pattern, inject) {
                 });
             });
         });
+
+        describe("A tooltip that opens on click and contains another tooltip trigger", function () {
+            beforeEach(function() {
+                utils.createTooltip({
+                    data: "trigger: click; source: content",
+                    href: "#tooltip-content"
+                });
+                $("<div />", {
+                    "id":   "tooltip-content"
+                }).appendTo($("div#lab"));
+                $("<a/>", {
+                    "id":   "nested-tooltip",
+                    "href": "#nested-tooltip-content",
+                    "title": "nested tooltip title attribute",
+                    "data-pat-tooltip": "trigger: click; source: content",
+                    "class": "pat-tooltip"
+                }).appendTo($("div#tooltip-content"));
+            });
+            afterEach(function() {
+                utils.removeTooltip();
+            });
+            it("will not close if the contained trigger is clicked", function () {
+                runs(function () {
+                    spyOn(pattern, "show").andCallThrough();
+                    var $el = $("a#tooltip");
+                    pattern.init($el);
+                    pattern.init($("a#nested-tooltip"));
+                    $el.trigger(utils.click);
+                    expect(pattern.show).toHaveBeenCalled();
+                });
+                waits(100); // hide events get registered 50 ms after show
+                runs(function () {
+                    $(".tooltip-container a#nested-tooltip").trigger(utils.click);
+                    expect($(".tooltip-container a#nested-tooltip").css("visibility")).toBe("visible");
+                });
+            });
+        });
     });
 });
 // jshint indent: 4, browser: true, jquery: true, quotmark: double