test

WordPress · Oct 17, 2019 · 70ae1d5 · 70ae1d5
1 parent e3e2436
commit 70ae1d5
Showing 1 changed file with 8 additions and 6 deletions.
diff --git 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>
 	);
 }