From 70ae1d502b634e5a5f0d389b8dcd44db6df7e3b0 Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Wed, 16 Oct 2019 15:42:29 -0700
Subject: [PATCH] test

---
 packages/components/src/custom-select/index.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/custom-select/index.js b/packages/components/src/custom-select/index.js
index f91d905c9d73d3..795d6a86b325af 100644
--- a/packages/components/src/custom-select/index.js
+++ b/packages/components/src/custom-select/index.js
@@ -7,7 +7,7 @@ import classnames from 'classnames';
 /**
  * Internal dependencies
  */
-import { Button, Dashicon } from '../';
+import { Button, Dashicon, Popover } from '../';
 
 const itemToString = ( item ) => item.name;
 // This is needed so that in Windows, where
@@ -107,11 +107,12 @@ export default function CustomSelect( { label, items } ) {
 					className="components-custom-select__button-icon"
 				/>
 			</Button>
-			<ul { ...menuProps }>
-				{ isOpen &&
+			<Popover position="bottom">
+				<ul { ...menuProps }>
+					{ isOpen &&
 					items.map( ( item, index ) => (
 						// eslint-disable-next-line react/jsx-key
-						<li
+						<button
 							{ ...getItemProps( {
 								item,
 								index,
@@ -131,9 +132,10 @@ export default function CustomSelect( { label, items } ) {
 								/>
 							) }
 							{ item.name }
-						</li>
+						</button>
 					) ) }
-			</ul>
+				</ul>
+			</Popover>
 		</div>
 	);
 }