move div to top

Question

I got window and would like to always show it on the top-right even when resizing the entire window. Currently my window works fine on the top-left, but I would like to show it on the top right when clicking the button, and if the user resizes the entire window always keep it on the top right corner. Does anyone know how to make this happen? Thanks in advance!

Note: - I always want the pop-up window to be draggable.

Here's a live demo: LIVE DEMO

display: boolean = false;
public positionLeft = 0;
public positionTop = 30;

showDialog() {
    this.display = true;
}

Answer 1

You can float it right to position the dialog and to make it draggable.

Here is the working Plunker