Material Ui Menu Not Closing at Luca Lisa blog

Material Ui Menu Not Closing. Click away from the menu. A basic menu opens over the anchor element by default (this option can be changed via props). The navbar is styled based on an api request. I've tried moving the icon button tags and everything. When close to a screen edge, a basic menu vertically realigns to make sure that all menu items are completely. I'm currently using the new version. Otherwise all the page is blocked. I have a custom button that has a loading state inside the menu. I want the menu to stay open until the user clicks somewhere else (not on the modal). When the menu is open and the user clicks on the menubutton again, the menu does not close. Create a menu with no menuitems. After update from 1.0.0.beta 21 to 1.0.0 beta 31 menu is not being closed after clicking outside of menu. Only safari seems to be affected, chrome. I have to choose something from menu to go on. I cannot for the life of me get this menu to close once it is opened on the page.

Create a menu with no menuitems. I have a custom button that has a loading state inside the menu. Otherwise all the page is blocked. I cannot for the life of me get this menu to close once it is opened on the page. When the menu is open and the user clicks on the menubutton again, the menu does not close. After update from 1.0.0.beta 21 to 1.0.0 beta 31 menu is not being closed after clicking outside of menu. When close to a screen edge, a basic menu vertically realigns to make sure that all menu items are completely. I have to choose something from menu to go on. I'm currently using the new version. The navbar is styled based on an api request.

materialui menu test Codesandbox

Material Ui Menu Not Closing Only safari seems to be affected, chrome. I want the menu to stay open until the user clicks somewhere else (not on the modal). I'm currently using the new version. I cannot for the life of me get this menu to close once it is opened on the page. After update from 1.0.0.beta 21 to 1.0.0 beta 31 menu is not being closed after clicking outside of menu. Otherwise all the page is blocked. A basic menu opens over the anchor element by default (this option can be changed via props). Click away from the menu. When close to a screen edge, a basic menu vertically realigns to make sure that all menu items are completely. I have to choose something from menu to go on. I am using material ui to create a navbar. When the menu is open and the user clicks on the menubutton again, the menu does not close. I've tried moving the icon button tags and everything. The navbar is styled based on an api request. I have a custom button that has a loading state inside the menu. Only safari seems to be affected, chrome.