fix(core-blocks): CB-410 dropdown menu now opens correctly

CB-410
This commit is contained in:
Naumov Alexey
2020-10-13 16:35:13 +03:00
parent 023eeda045
commit 7862ddcca6
@@ -7,7 +7,7 @@
*/
import { observer } from 'mobx-react';
import { useCallback, useLayoutEffect } from 'react';
import { useCallback } from 'react';
import {
useMenuState,
Menu,
@@ -79,11 +79,10 @@ export const PropertyValueSelector = observer(function PropertyValueSelector({
},
[menu, onSelect]
);
useLayoutEffect(() => onSwitch(menu.visible), [menu.visible]);
return styled(useStyles(styles))(
<>
<MenuButton {...menu}>{children}</MenuButton>
<MenuButton {...menu} onClick={() => onSwitch(!menu.visible)}>{children}</MenuButton>
<Menu {...menu} aria-label={propertyName}>
{values.map(value => (
<MenuItem key={value} type='button' {...menu} onClick={() => handleMenuSelect(value)}>