fix(select): Enhanced select doesn't wrap focus (#4083)

packages/mdc-menu/README.md

@@ -192,6 +192,7 @@ Property | Value Type | Description
 `open` | Boolean | Proxies to the menu surface's `open` property.
 `items` | Array<Element> | Proxies to the list to query for all `.mdc-list-item` elements.
 `quickOpen` | Boolean | Proxies to the menu surface `quickOpen` property.
+`wrapFocus` | Boolean | Proxies to list's `wrapFocus` property.
 
 Method Signature | Description
 --- | ---

packages/mdc-menu/index.js

@@ -99,6 +99,16 @@ class MDCMenu extends MDCComponent {
     this.menuSurface_.open = value;
   }
 
+  /** @return {boolean} */
+  get wrapFocus() {
+    return this.list_.wrapFocus;
+  }
+
+  /** @param {boolean} value */
+  set wrapFocus(value) {
+    this.list_.wrapFocus = value;
+  }
+
   /**
    * @param {!Corner} corner Default anchor corner alignment of top-left
    *     menu corner.

packages/mdc-select/index.js

@@ -304,6 +304,7 @@ class MDCSelect extends MDCComponent {
     this.menu_.hoistMenuToBody();
     this.menu_.setAnchorElement(/** @type {!HTMLElement} */ (this.root_));
     this.menu_.setAnchorCorner(menuSurfaceConstants.Corner.BOTTOM_START);
+    this.menu_.wrapFocus = false;
   }
 
   /**

test/unit/mdc-menu/mdc-menu.test.js

@@ -52,6 +52,7 @@ class FakeList {
     this.root = root;
     this.destroy = td.func('.destroy');
     this.itemsContainer = td.func('.root_');
+    this.wrapFocus = true;
     this.listElements = [].slice.call(root.querySelectorAll('.mdc-list-item'));
   }
 }
@@ -158,6 +159,15 @@ test('get/set open', () => {
   assert.isFalse(menuSurface.open);
 });
 
+test('wrapFocus proxies to MDCList#wrapFocus property', () => {
+  const {component, list} = setupTestWithFakes();
+
+  assert.isTrue(component.wrapFocus);
+
+  component.wrapFocus = false;
+  assert.isFalse(list.wrapFocus);
+});
+
 test('setAnchorCorner proxies to the MDCMenuSurface#setAnchorCorner method', () => {
   const {component, menuSurface} = setupTestWithFakes();
   component.setAnchorCorner(Corner.TOP_START);