[Menu] Showing/Hiding Menu When Not Nested

[omerts]

Hello,

I am trying to manually control the visibility of a Menu element, so I set hideable to be true, and visible is binded to a changing state (just like in the NestedMenu you created). The problem is that the CSS that sets the element's opacity, has a selector which is specific to a nested menu only.
Instead, you should set the opacity to 1 using the "mui-visible" selector.

Omer

[jkruder]

Looks like setting the following in menu.less fixes the issue.

&.mui-visible {
      opacity: 1;
      position: static;
      ...
}

@hai-cea, do you want me to submit a PR?

[shaurya947]

@omerts do you still experience this issue with the new MenuItem component? Maybe try overriding the inline style prop to decide whether or not you want to show the item?

(closing for now, feel free to comment).