refactor(material/select): account for popovers

Updates the select to account for the fact that when its overlay is rendered in a popover, the event bubbling order is different.

Author: crisbeto

goldens/material/select/index.api.md

@@ -316,7 +316,7 @@ export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit
     ngOnInit(): void;
     _onBlur(): void;
     _onChange: (value: any) => void;
-    onContainerClick(): void;
+    onContainerClick(event: MouseEvent): void;
     // (undocumented)
     _onFocus(): void;
     _onTouched: () => void;

src/material/select/select.ts

@@ -71,6 +71,7 @@ import {
   NgForm,
   Validators,
 } from '@angular/forms';
+import {_getEventTarget} from '@angular/cdk/platform';
 import {
   _animationsDisabled,
   _countGroupLabelsBeforeOption,
@@ -1461,20 +1462,27 @@ export class MatSelect
    * @docs-private
    */
   setDescribedByIds(ids: string[]) {
+    const element = this._elementRef.nativeElement;
+
     if (ids.length) {
-      this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
+      element.setAttribute('aria-describedby', ids.join(' '));
     } else {
-      this._elementRef.nativeElement.removeAttribute('aria-describedby');
+      element.removeAttribute('aria-describedby');
     }
   }
 
   /**
    * Implemented as part of MatFormFieldControl.
    * @docs-private
    */
-  onContainerClick() {
-    this.focus();
-    this.open();
+  onContainerClick(event: MouseEvent) {
+    const target = _getEventTarget(event) as Node | null;
+    const overlayHost = this._overlayDir.overlayRef?.hostElement;
+
+    if (!target || !overlayHost || !overlayHost.contains(target)) {
+      this.focus();
+      this.open();
+    }
   }
 
   /**