Detach HTML element and open in a new browser window without breaking styles

I am building a SPA with Polymer3 (Javascript ES6 with imports). My application needs to move some widgets to new browser windows. Then users can move some widgets to multiple screens when having multiple monitors.Following is the procedure i follow to detach element from existing window and attach it to new window.

1. Detach element using HTML DOM removeChild() Method
2. Create new Window using window.open("", "myWindow",'modal=yes');
3. Attache new element to new window using newWindow.document.body.appendChild(element);

Problem

1. When the element is in the new window it does not take parent window styles.
2. When the element is detached some of the parent window styles are broken.

Can anyone please instruct on a way to achieve my requirement?