Dialog is clipped when appearing inside a dialog itself.

[ndawod]

I'm developing a web app that shows a dialog (a sort of form) with its own title and scrollable content area (overflow-y: auto; overflow-x: hidden). When the color picker dialog shows, it's clipped sadly...

I believe this can be fixed in either of 2 ways:

1. When the dialog appears, move it in the DOM tree to be in body (use bind:this and then on:focus to reposition it: body.appendChild(dialogEl).
2. Accept a new parameter that helps the component to understand which element is its viewport. Then calculate positioning according to that container's position, rather than the DOM's body.

What do you think?