Fix the align of the dropdown when expanded in ClayDropdown | Fixes #452

[matuzalemsteles]

No description provided.

[jbalsas]

Hey @matuzalemsteles, rather than listening the rendered on the portal, could you try listening on the expandedChanged event in the component?

this.on('expandedChanged', this.handleRenderedPortal_.bind(this));

[matuzalemsteles]

hey @jbalsas, The problem is that I need to know when the show class is visible in the DOM, so I can switch to Align.align, so it can see clientWidth ... See #452 and metal/metal.js#351

[jbalsas]

Hey @matuzalemsteles, yeah, I'm here with @Robert-Frampton trying to come up with alternatives.

We assume you've tried writing this directly in the rendered lifecycle of this component and it doesn't work either because the portal might not have been redendered yet?

[matuzalemsteles]

Oh, Yeah. When I use rendered in ClayDropdownBase and make some changes to expanded that is used inside the content of ClayPortal, rendered is called but has not yet been reflected in the DOM which is kind of weird that a bad perception. But by listening to the rendered component of the ClayPortal component I can tell when the content was actually rendered in the DOM.

[jbalsas]

Sounds good then, merging!