Popover with transformOrigin: bottom does not adjust positioning on rerender

[vmajsuk]

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Popover with transformOrigin: bottom & anchorOrigin: top is expected to always render just above the anchor

Current Behavior

On rerender, Popover positioning does not change, which leads to it rendering far above the anchor
I believe this can be fixed by setting anchor position with the help of css bottom property instead of top, when transformOrigin is bottom

Steps to Reproduce

Link:

1. https://codesandbox.io/s/6jvz9pyzk3

Context

Your Environment

Tech	Version
Material-UI	v3.2.2
React	v16.2.0

[oliviertassinari]

@vmajsuk It's pretty much the same behavior than with the Popper component: #13179.

[eps1lon]

I think this is pretty much what the action prop in Popover is for:

• naive Example
• Popover props

[oliviertassinari]

At some point, we will be able to use the ResizeObserver API to automatically handle this problem.