[IconMenu] Set container as anchorEl when using prop 'open'

[crashbell]

• PR has tests / docs demo, and is linted.
• Commit and PR titles begin with [ComponentName], and are in imperative form: "[Component] Fix leaky abstraction".
• Description explains the issue / use-case resolved, and auto-closes the related issue(s) (http://tr.im/vFqem).

IconMenu allows to use prop open to open the popover but the anchorEl isn't set at the first load so this causes a wrong position.

[alitaheri]

findDOMNode is not needed as the target is a dom element. Ideally, it would be even better if you could use callback refs.

[crashbell]

Thanks @alitaheri!, I removed findDOMNode.

[alitaheri]

Thanks for finding this bug 👍 👍

[alitaheri]

Thanks a lot 👍

@callemall/material-ui Looking good 😁

[mbrookes]

Looks good here too, but I notice that the 'Controlled examples' aren't truly controlled - only the selected value(s) for which there's no internal state anyway.

@alitaheri - would it make sense to update the controlled examples so the open state is controlled, perhaps with one example open by default?

[alitaheri]

@mbrookes Hmmm, I guess that's why we didn't notice this bug in the first place O.o Good catch 👍 @crashbell Would that be ok to add an example for this to prevent future regressions? that would be appreciated, thanks a lot 👍 👍 :grin

[crashbell]

Let me try to update the docs. Thanks for reviewing this PR.

[crashbell]

While making the sample I found out that this issue was handled in this code but I don't know why findDOMNode doesn't work and it returns the null el in my project so I got the error

Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null

It's working properly with the docs code.
I'm going to close this and dig into my project setup to figure out this.
Thanks all!

[crashbell]

I found out the root cause here: #3647
We haven't released this PR yet, therefore, I will wait for the release so this bug will be gone.

[alitaheri]

@crashbell Thanks for getting to the bottom of it 👍 We'll release another alpha soon 😁

[crashbell]

It's quite annoying when I open/close this PR few times but I found out the fix is still valid. You can compare my photos below, the behavior of popover is a bit different without my fix.

Without IconMenu fix

With IconMenu fix

I also add an example for this:

[alitaheri]

This is looking really good, thanks a lot for tackling this 👍

@callemall/material-ui Take a look.

[oliviertassinari]

@crashbell Thanks!

[crashbell]

Thanks guys for reviewing this! By the way, can you please let me know when alpha.2 will be released? So I can decide if I should monkey patch to make it work with alpha.1.

[oliviertassinari]

@crashbell Probably this week, have a look at #3700.

[mbrookes]

@crashbell In any case you don't need to monkey patch - just use HEAD@3c77dba97. 👍

[crashbell]

thanks @oliviertassinari and @mbrookes so much!