fix(material/tooltip): not closing when clicking outside using auxiliary button (#21467)

Similar to #21397. Fixes that the tooltip doesn't close when the user presses outside
using the middle or right mouse button.

(cherry picked from commit ddf99cb)

Author: crisbeto

src/material/tooltip/tooltip.spec.ts

@@ -627,6 +627,25 @@ describe('MatTooltip', () => {
       expect(overlayContainerElement.textContent).toBe('');
     }));
 
+    it('should hide when clicking away with an auxilliary button', fakeAsync(() => {
+      tooltipDirective.show();
+      tick(0);
+      fixture.detectChanges();
+      tick(500);
+
+      expect(tooltipDirective._isTooltipVisible()).toBe(true);
+      expect(overlayContainerElement.textContent).toContain(initialTooltipMessage);
+
+      dispatchFakeEvent(document.body, 'auxclick');
+      tick(0);
+      fixture.detectChanges();
+      tick(500);
+      fixture.detectChanges();
+
+      expect(tooltipDirective._isTooltipVisible()).toBe(false);
+      expect(overlayContainerElement.textContent).toBe('');
+    }));
+
     it('should not hide immediately if a click fires while animating', fakeAsync(() => {
       tooltipDirective.show();
       tick(0);

src/material/tooltip/tooltip.ts

@@ -697,6 +697,7 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
     // won't be rendered if the animations are disabled or there is no web animations polyfill.
     '[style.zoom]': '_visibility === "visible" ? 1 : null',
     '(body:click)': 'this._handleBodyInteraction()',
+    '(body:auxclick)': 'this._handleBodyInteraction()',
     'aria-hidden': 'true',
   }
 })