From 7862ddcca60388dba63ecfb77cd315e729b4cd40 Mon Sep 17 00:00:00 2001
From: Naumov Alexey <Iamemptyhuh@gmail.com>
Date: Tue, 13 Oct 2020 16:35:13 +0300
Subject: [PATCH] fix(core-blocks): CB-410 dropdown menu now opens correctly

CB-410
---
 .../src/PropertiesTable/PropertyValueSelector.tsx            | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx
index 98667dd2eb..5cdf9680b7 100644
--- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx
+++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyValueSelector.tsx
@@ -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)}>