<button class="demo-button no-display" id="focus-on-modal-window">Focus on Demo</button>

</div>

<p>In this demo we create a new window and listen for <code>move</code> and <code>resize</code> events on it. Click the demo button, change the new window and see the dimensions and position update here, above.</p>

<p>There are a lot of methods for controlling the state of the window such as the size and location as well as events to listen to for window changes. Visit the <a href="http://electron.atom.io/docs/api/browser-window">documentation<span class="u-visible-to-screen-reader">(opens in new window)</span></a> for the full list.</p>

<h5>Renderer Process</h5>

<pre><code data-path="renderer-process/windows/manage-window.js"></pre></code>