derek,

 

I have checked your project and find out your control use visibility: hidden to render the dialog code. In my example, I am using display: none.

The display: none and visibility: hidden CSS properties appear to be the same thing, but they aren't.

These two style properties do two different things.

visibility: hidden hides the element, but it still takes up space in the layout. (That's why all controls are rendered.)

display: none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.